By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,953 Members | 1,143 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,953 IT Pros & Developers. It's quick & easy.

multiple tags with google maps

P: 5
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
Share this Question
Share on Google+
1 Reply


P: 5
sorry.. wrong area.. but i do not know how to transfer it into any area..
Jul 22 '15 #2

Post your reply

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