I am using this script to put various address on a map. It works perfectly, but addresses are always displayed in one line in the info window, like e.g. "1600 Amphitheatre Pky, Mountain View, CA, USA". Is it possible to format the address in any way, so that they are displayed with proper line breaks?
Like:
- or similar.
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]...
I search through the forums and google but didn't find anything on this, but I was wondering if anyone was having or has had issues with google maps changing their lat/long coordinates, even when a frozen version is declared?
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
In the geocoding portion:
[Code]...
I'm trying to make web page where when you click on a map from google maps, a marker is inserted with an infowindow telling you the address on which you placed the marker. Placing the marker works fine, but the reverse geocoding is giving me some trouble. I'm pretty sure the problem is in the javascript code not the google maps API. I put in some comments to show where I think the problem is.
HTML Code:
<script type="text/javascript"
src="http://maps.google.com/maps/api/j
</script>
<script type="text/javascript">
[Code]...
Here is my code:
PHP Code:
<div id="map" style="width: 365px; height: 300px; margin: 10px; padding: 10px;"></div>
<script type="text/javascript">
//<![CDATA[
[Code]...
When you click on "Get Directions" in the browser window, it opens up a new window and loads up google maps, which is perfect...BUT...The destination address is listed as coordinates.
I have seen this before, where the destination address is an address and then it says @"coordinates".
How can I get this accomplished?
My goal is to display an address. In the example on google, you can input it through a form:[url]
I would like the map to show the location+marker when I open the page, not after clicking a submit button.
However, I only want an address in my html. I want the API to convert it in a LatLng format.
It's all in the source code of the page mentioned above.
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'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].....
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]...
