Google Maps API - Showing Multiple Addresses?
Nov 25, 2009
I need a hand with my google maps code Basically what I want to do is display multiple addresses on a single map. I've got that part to work but I need to set-up the bounds and zoom so it zooms out/in and shows all the addresses in the map window...
My problem is after I run the setMapMarker() function in the load() function, I need to pull out the latitude and longitude from the geocoder that is run in the setMapMarker() function... however I can't seem to get it to return those details because the coordinates are pulled in the geocoder function.
[Code]...
View 3 Replies
ADVERTISEMENT
Aug 27, 2010
I'm attempting to find coordinates for several addresses at a time. I'm using a for-loop to loop through an array of addresses. I figured it would be best to have a separate function to evaluate the coordinate given an address, and just call it in every loop.
Note that my code below is simplified (I removed the for loop because that's not where I'm having trouble). I know that the issue is probably because I'm trying to return a value from an anonymous function... I tried making the variable global, I tried having a return line from within the anonymous function, nothing has worked... any tips?
Code follows
View 5 Replies
View Related
Oct 25, 2011
I have an array of latitude/longitude data. I need to make a marker appear on the map for each lat/lng pair. But it won't. If I ask the function to print out the coordinates instead of marking them on the, map, it works fine. I don't get an error message either way, so I'm stuck. The page displays the map but without any markers. Here's the code of the function that should add markers:
//adds markers to the map
function addMarkers(locarray) {
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locarray.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locarray[i][0], locarray[i][1]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent('some words');
infowindow.open(map, marker);
}})(marker, i));
}}
Here's the initialize function (called on body load):
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = codeAddress("<?php echo $_POST['postal']; ?>");
var myOptions = {
zoom: 11,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
} map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
Geocoder and map are declared as global variables. The codeAddress function returns lat and lng of the place I want to center the map around, it's been tested and works perfectly. And here is the script that declares the array and calls the addMarkers function:
<script type='text/javascript'>
var locations = [
[-33.890542, 151.274856],
[-33.923036, 151.259052],
[-34.028249, 151.157507],
];
addMarkers(locations)
</script>
View 1 Replies
View Related
May 21, 2010
how can I get my custom markers to show? I have got my code in place, everything works except, doesn't show my custom marker?!
here is my code:
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
// A function to create the marker and set up the event window
// Dont try to unroll this function. It has to be here for the
[Code]...
View 1 Replies
View Related
Oct 22, 2009
I have a problem with javascript in IE6/IE7, or specifically with jQuery. There is a page that uses the google maps API which shows an error when you navigate to the website and the page remains blank. When I press refresh I get no error and the page loads as it's supposed to (this happens only ie IE6, IE7/8 appear to work fine). The same thing happens with tinymce and the jquery.tinymce.js plugin, which gives an error in IE6/7 but not in IE8. I can't post the URL since it's a password protected "under construction" website. The error for the Google Maps Api I get in IE6 is
Code:
Line: 215
Char: 26
Error: 'firstChild' is null or not an object
Code: 0
URL: -- left out --
And the error for TinyMCE in IE7 starts with
Code:
Line: 53
Char: 3
Error: Permission denied
Code: 0
URL: --left out--
And then when I press "yes" for "Do you want to continue running scripts on this page?" I get
Code:
Line: 19
Char: 7
Error: 'tinymce' is undefined
Code: 0
URL: --left out--
The google maps api page uses $(document).ready( fn ), while TinyMCE uses window.onload. And, as one would expect, in FF, Opera and Chrome all works fine.
View 1 Replies
View Related
Nov 5, 2010
i have a page with an input field where a user can input a name. when they do so it will bring back the postcode for that name and then display a marker on a google map in the correct place.
unfortunately some of the names have more than 1 result which means it needs to plot more than 1 marker on the map...ive spent a lot of time on this but cant figure it out.
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
[Code]...
View 1 Replies
View Related
Nov 17, 2011
I am having some issues with getting multiple sets of coordinates to appear on google maps on my website. I have many items stored in a database, and each row has a field for latitude and a field for longitude. I get the data like this:
$getdeals = "SELECT * FROM deals WHERE cityid='$cityid'";
$result = mysql_query($getdeals);
while($row = mysql_fetch_array($result)){
$title = $row['title'];
$lat = $row['lat'];
$lng = $row['lng'];
//This is where I think I would try to add the point to the map
}
View 13 Replies
View Related
Nov 25, 2011
MY GOAL - I have a database with a bunch of items and each has latitude, longitude and a category (all the items are within 1 city). I want to have a page that will show a google map, display a marker based on the lat/lng and the image of the marker should be customized based on the category of the row. For example, some rows have a 'food' category and some have a 'health' category - I have specific images I want displayed for each image. I need a script that will plot a marker for each item in my db. I have never used Google maps API before and I'm thinking V3 is what I need to use.
$query=mysql_query("SELECT * FROM table");
while($row=mysql_fetch_array($query)){
$lat=$row['lat'];
$lng=$row['lng'];
$category=$row['category'];
//SET MARKER PICTURE TO $category
//ADD MARKER TO MAP
}
I don't know javascript that well and I have tried about 40 different things and get nothing but a blank page!
View 12 Replies
View Related
Apr 16, 2009
[URL]. All works fine in FF but when I come to use it in IE, I get:
Code:
Message: Invalid argument.
Line: 82
Char: 18
Code: 0
URI: [URL]
View 4 Replies
View Related
Sep 22, 2010
I am trying to load multiple google maps with advanced directions on one page. I can't seem to get it to work. Any way to run the same multiple times on one page? Here is the code below. The first map and set of directions works, but not the second.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html xmlns="[URL]" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example: Advanced Directions</title>
<script src=" [URL] "
type="text/javascript"></script>
<style type="text/css">
body {
font-family: Verdana, Arial, sans serif;
font-size: 11px;
margin: 2px;
} table.directions th {
background-color:#EEEEEE;
} img {
color: #000000;
} .....
View 1 Replies
View Related
Sep 22, 2010
I am trying to create multiple google maps with multiple directions that load on one page. I have tried duplicating the var and function names but I haven't been able to get it to work.code...
View 1 Replies
View Related
Jan 5, 2011
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 Related
Dec 31, 2010
I'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 Related
Apr 7, 2011
I'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.
View 1 Replies
View Related
Jun 14, 2010
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 Related
Nov 2, 2006
Been 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.
View 3 Replies
View Related
Oct 1, 2010
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]...
View 3 Replies
View Related
Sep 2, 2011
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.
View 2 Replies
View Related
Oct 13, 2005
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.
View 4 Replies
View Related
Jun 9, 2010
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]
View 2 Replies
View Related
Sep 26, 2011
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 Related
Feb 22, 2006
Does 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?
View 6 Replies
View Related
Aug 27, 2009
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.
View 4 Replies
View Related
Feb 10, 2008
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:
View 3 Replies
View Related
Dec 22, 2009
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 Related
Jan 8, 2010
I 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].....
View 1 Replies
View Related
