I'd like to load locations into the map area dynamically, based on the button URL being selected from the left-hand menu of the Locations page.So when the visitor selects Drebkau within the Germany tab, for instance, the map is changed to that new location.Also, on the current website, we have URLs that link to the various locations. Can those coordinates be used for the new map dynamic map coordinates?
View 2 RepliesI'm trying to make something a lot like a store locator where a user types in their address of origin and submits, then the script compares the driving distances between their entered address and the 4 destination locations that I will store in an array once the page loads.It's kind of hard to describe. I have a form working to do the distance and driving directions once I know which destination will be chosen.That seems to be working just fine. The problem is that I just can't get anything working that will compare the distance between the origin and each of the options before choosing and displaying directions to the nearest destination. My ultimate goal is to update the list of <options> with PHP and maybe MySQL - though I really don't need this to be large-scale. Then, after the user inputs a starting address if they choose a specific location from the dropdown it will give those directions, otherwise (if the "choose closest location" option is still active) then I will run a comparison of driving distances for each option's address value and store them to an array. Once all locations are read and tested for driving distance I want to take the closest location set that option as selected, and then run the call for driving directions as usual.
I know how to pull the option values, how to set and unset the "selected" attribute, and how to check to see if distances need to be compared. I can figure out how to do just about everything I need EXCEPT for getting the google maps API to play along. I've tried so many dead-end ideas that I have just reset my map code to square one. Any ideas for a script piece to run that will return only the driving distance for a list of locations?I'm going cross-eyed trying to get this working. Does anyone have any ideas for a code blurb to tie this all together? I think everything else should work once I get through the distance iterations but I'm useless with the google maps API...
[URL]. In the BODY tag, I have mapload(); then I tried to do maploadOther, but it's not working. Not sure what the proper syntax would be.
View 1 Replies View RelatedI'm new to this forum and JS. I simply want to be able to use the Google Maps API v3 to allow a location value entered in my app (by the user) to show that location via Google maps.The code below accomplishes this via an onClick event. How to accomplish the same WITHOUT an onClick? To be clear, it appears I need to be able to perform the geocode lookup to get the long/lat coordinates and then apply them. That all needs to occur on page load.
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
[code]....
I want to have several maps on my aspx/ascx-Webpage, but only the last one is rendered after PageLoad(). Is there any limitation for that in the goMap() plugin?
View 1 Replies View RelatedI'm developing a land use map and want to use Google Maps. Just want to ask if the Javascript API could actually handle overlays like this sample: URl...Or you would suggest other ways to do this?
View 2 Replies View RelatedI'm not sure where I have translated this incorrectly. I have one google map embedded on my page which works fine. But I wanted to add a second one. I thought the easiest way to do this would be to have a second page which is called later on with all the details on it for the second map. However although I think (this I presume is where I went wrong) I have replicated the instructions correctly the place holder for the second map just remains blank.
This is the code for my called page with the instructions for the second map:
And this is the script of the main page, just in case I would be better off keeping them both in one place.
<head>
I've cut out the script that doesn't relate to this so I hope I haven't missed anything important.
I am building a site with ads that I want to rotate positions (this way I can keep it fair for advertisers- the bottom ad rotates up to the top) upon refreshing the page, searching through the site, or each time the user visits. I have three images (sponsor1.jpg, sponsor2.jpg,sponsor3.jpg) that are always displayed vertically in the right banner. I assume this is just a simple javascript slideshow tweaked a bit but can't figure it out.
I find plenty of js scripts that will rotate several images through one image location, but I want image POSITION 1 to start with sponsor1.jpg, image POSITION 2 to start with sponsor2.jpg..and so on... then upon refreshing the page image POSITION 1 is holding sponsor2.jpg, image POSITION 2 is holding sponsor3.jpg... etc
I'm working on a project which implements google Maps. Now I have to choose between GWT or JavaScript as a programming platform. I'm wondering which is faster when accessing the data to be used to initialise the maps from a remote server?
View 1 Replies View RelatedBeen looking at google maps, but i am not sure if this is possible, what do you think?
1) Fill database with places (refering to lat + long values) + put markers on google map.
2) Users can then browse the map, click on a marker to select the location which referes to a place in a database.
I know I can add markers to a map. Not sure if it is possible for a user to click one, which then fills a box in a form though.
I am working on creating a map using the google maps API. I would like to update the markers and info windows using an XML database. I know how to parse the XML using PHP if I was just going to create a table on the page, but for the life of me I can't find a complete and simple description of how to do it with javascript. I've been reading tutorials and W3 schools reference for over a week trying to figure it out. I'm new to javascipt, so some of the stuff I don't really understand. I did find a similar question posted on this forum, although I can't get it working. Here is my code (note: this code doesn't work, I know that I'm missing some way to load the xml and parse it, but I don't see how its done):
[Code]...
We got a google maps with a bunch of pins. Each pin is setup to use our blue custom icon image. I'm trying to make it so that when you click on a pin, that particular pin changes to a green version of the icon, and all the reset stay blue. If the user clicks another pin, it turns green and the previous goes back to blue.Basicly only the clicked active pin should be green.
google.maps.event.addListener(markers[indx], 'click', function() {
this.setIcon("/images/greenmarker.png");
});
Here is my code so far that will change the clicked pin into a green version.My problem is all attempts to change all pins back to blue prior to changing this clicked pin to green fails bad.
I am messing around with Google Maps a little and the fundamental difficulty in building anything useful is extrapolating address information from another website. I would like to be able to use a form like yahoo yellow pages send it a zip code and get back a bunch of, say, banks in that zip code and parse the address out. Some things, very few, actually return data in the XML format, but how do you write a script that send a request to a website and then returns that request as a DOM object. I'll even take HTML and then I'll parse it out myself, but how do you do that.
I know it sounds fundamental, but I'm a real beginner in this, so if you can push me in the right direction I would appreciate it too.
I think maybe this is the right thread for it since i found out Google map control can be created using AJAX.
So the question is simple, How to create Google Maps Control ? preferably in an ASP.Net environment.
Found a source code here (GNU licensed)[url]
I've seen several websites using a custom image as a map with google maps controls.I'm familiar with how to use the google maps api in general, but I don't know how to use a custom map image that isn't based on the real world, in other words it will be an image of a map from a video game, so general latitude and longitude wont apply.
View 1 Replies View RelatedDoes anyone have any idea as to how google loads pieces of images
together so as you drag new image pieces are loaded from the server?
I am trying to display a map with Google maps. The code listed below is located at http:[url]....
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">[code]....
I find another example where some uses a CDATA tag, but it still doesn't work. http:[url]...I finally remove the DOCTYPE and it works. http:[url]....My problem is I want the DOCTYPE.
I am going to include a google maps to my web with markers, the map works perfect, the problem is that I dont want people to be able to do max zoom for security reason, so I need to put an limit zoom in it, and I cant find out how to on internet, I dont know javascript to do it for myself.
This is the script I use:
I have a boss who wants to show 5000 points on a Google map. So far, only a fraction of this being displayed freezes the browser. I've been challenged to make this possible while still in the realm of the browser. Would the flash version of Google maps api be a better bet? Does flash provide a better framework for this kind of heavy usage?
View 2 Replies View RelatedI have the following code to insert a google map of the UK into my page with some markers on it. This is fine except I want to change the icon to a simple flat spot. I'm sure this is easy and I have actually managed this before when there was only one marker on the map. how to do it on this example though.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
in my code below, I need to change the linemap.setCenter(new GLatLng(i[0], i[1]), 13); to have the LAT and LONG from my database therefore, I think maybe I need to open a database connection (which I think i am on the same page) and put some ASP in my JavaScript?!
[Code]...
On my site: [url]
I am able to move my logo on my map, is there any way of locking it's position?
In this snippet the addresses stored in address[] is geocoded using google maps API. The problem comes when i try to pass these values on to the array flightPlanCoordinates to create a polyline. Nothing happens.
Can anyone tell me why? PS. Im quite new to JS
var flightPlanCoordinates = [];
for ( var i=0, len=address.length; i<len; ++i ){
geocoder.geocode( { 'address': address[i]}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
flightPlanCoordinates.push(
[Code]...
What I'm trying to do is import a list of addresses from an xml file and display them in a google map. When each marker is clicked, a window will appear with the address and a name given from the xml. So far, I've gotten the code to work, with one issue.. There has to be an alert box in the for loop (see code) before I use the geocoder. With the alert box, everything shows up as it should, except that I don't need an alert box popping up everytime a marker is added. Doesn't matter what information is in the alert box, as long as it is there, it works.
But, if I take the alert box out, then all the markers will display the same name and address in its info window. The name/address displayed is the last one in my xml file. I thought it just needed the pause so I had tried: setTimeout("alert('');",1000); but that didn't work, even with the alert box within the pause..
[Code]...
I am using the Google Maps API to integrate mapping into a web application. I am using HTML and JavaScript. I am having difficaulty integrating the directions function. I have a form which collects the users address/current location which is supposed to display a set of turn by turn direction and a route on the map when the users submits. I currently have a custom image icon which works perfectly. I cannot figure out why this does not work as i dont not receive any error codes which is very furstrating. Here is my HTML form
<form id="address_form" onsubmit="displayDirections(); return false" action="#" >
<p>
<label for="street">Street Address</label>
<input id="street" name="street_address" type="text" tabindex="1" />
</p>
<p>
<label for="city">City</label>
<input id="city" name="city" type="text" tabindex="2" />
[Code]...
I'm trying to remove a marker that was initialized like this:
marker = new google.maps.Marker({
position: latLng,
map: map,
draggable: true,
animation: google.maps.Animation.DROP,
title: 'Marker 1',
[Code]...