473,388 Members | 941 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,388 software developers and data experts.

Wordpress - Multi Tag Google Maps

i tried to use the multi tag function in the google maps api, but i messed it up .. it show's all "locations" but, when i click on any, it always show's the info on and from the last "location" in the Array..

anyone know's where i messed it up ?.. i cant find it

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://maps.googleapis.com/maps/api/js">
  5. </script>
  6.  
  7. <script>
  8. var locations = [
  9.       ["<a href='http://www.rome.de'>Rome</a>", 50.002485, 8.554255, 4],
  10.       ["<a href='http://www.athen.de'>Athen</a>", 50.002485, 8.554255, 5],
  11.       ['Autohaus Gotta', 49.998909, 8.588143, 3],
  12.       ['Friedhof', 50.007880, 8.572271, 2],
  13.       ['Gundbach', 50.002485, 8.554255, 1]
  14. ];
  15. var mapPosition =  new google.maps.LatLng(49.990594, 8.573357);
  16. // var myCenter=new google.maps.LatLng(50.009088, 8.578590);
  17. // var myCenter=new google.maps.LatLng(locations[0][1], locations[0][2]);
  18. var marker, i;
  19. function initialize() {
  20.   var mapProp = {
  21.     center: mapPosition,   // Die Koordinaten von Walldorf
  22.     zoom:13,  // das Zoomlevel der Karte
  23.     mapTypeId:google.maps.MapTypeId.HYBRID,  // GoogleMap Kartenart definieren (ROADMAP, HYBRID)
  24.     disableDefaultUI: true  // deaktivieren die ControlPanels
  25.   };
  26.   var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
  27. for (i = 0; i < locations.length; i++) {  
  28. var marker=new google.maps.Marker({
  29.   position:new google.maps.LatLng(locations[i][1], locations[i][2]),map: map,
  30.         clickable: true,
  31.         url: locations[i][0]
  32.   });
  33. marker.setMap(map);
  34. var infowindow = new google.maps.InfoWindow({
  35.   content:locations[i][0]});
  36. google.maps.event.addListener(marker, 'click', function() {
  37.    infowindow.open(map,marker);})
  38. };
  39. }
  40. google.maps.event.addDomListener(window, 'load', initialize);
  41. </script>
  42. </head>
  43.  
  44. <body>
  45. <div id="googleMap" style="width:500px;height:380px;"></div>
  46. </body>
  47.  
  48. </html>
  49.  
Jul 22 '15 #1
0 6422

Sign in to post your reply or Sign up for a free account.

Similar topics

3
by: Sean | last post by:
Have you ever wanted to add the great features inherent in Google Maps? Here is how you do it. ============== == STEP ONE == ============== Create a new MS Access form called frmGoogleMap....
6
by: Sam Carleton | last post by:
Ok, over the years I have read about doing web programing and I have done some real basic stuff. Now I am digging into some real ASP.Net 2.0 and am totally lost some things. I have a master...
5
by: xml .NET group | last post by:
Is there any book on using ASP.NET for Google Maps. For example, following books: http://www.amazon.com/Beginning-Google-Maps-Applications-Ajax/dp/1590597079/ ...
3
by: Phil Stanton | last post by:
I have a button on a form which when pressed displays a google map of the address. Code is Private Sub Googlemap_Click() MakeURL ("") End Sub
2
by: H.Schmidt | last post by:
Hi! im would like to get address informations like city, state or zip for a given GPoint. Is it possible (i found nothing in Google maps Api)? Thanks in advance
6
by: mfaisalwarraich | last post by:
Hi everyone, I am trying to add multiple pinpoint to google map using Lon/Lat. All addresses will be fetched from mysql database using PHP. I have looked at google and searched for it on...
1
by: George Thompson | last post by:
i have a google maps api on my website, where when you click it grabs the lat/long coordinates and works well for me, but i would for a visual reference like to see a marker added to the place where...
0
by: Yousef Altaf | last post by:
Hi all I am working on google map api-3 and I have two interface one is inserting data to my database and second getting the data on my site from my database now everything is working fine I insert...
1
by: thoschu96 | last post by:
i tried to use the multi tag function in the google maps api, but i messed it up .. it show's all "locations" but, when i click on any, it always show's the info on and from the last "location" in...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.