Guest User

Erik

a guest
Jul 14th, 2015
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5.   <title>Google Maps Multiple Markers</title>
  6.   <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  7.   <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
  8. </head>
  9. <body>
  10.   <div id="map" style="width: 800px; height: 800px;"></div>
  11.   <script type="text/javascript">
  12.     var locations = [
  13.         ['1. adresse', 'Sondegade 58, 7850 Stoholm'],
  14.         ['2. adresse', 'Kokholm 1C, 6000 Kolding']
  15.     ];
  16.    
  17.  
  18.     var map = new google.maps.Map(document.getElementById('map'), {
  19.       zoom: 7,
  20.       center: new google.maps.LatLng(56, 11),
  21.       mapTypeId: 'terrain'
  22.     });
  23.    
  24.    
  25.     var infowindow = new google.maps.InfoWindow();
  26.     var marker, i;
  27.     var markers = new Array();
  28.     //var counter = locations.length;
  29.     for (i = 0; i < locations.length; i++) {  
  30.         $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+locations[i]+'&sensor=false', null, function (data) {
  31.         var p = data.results[0].geometry.location
  32.         var latlng = new google.maps.LatLng(p.lat, p.lng);
  33.         //alert(latlng);
  34.         marker = new google.maps.Marker({
  35.             position: latlng,
  36.             map: map
  37.         });
  38.         marker.push(marker);
  39.         google.maps.event.addListener(marker, 'click', (function(marker, i) {return function() {infowindow.setContent(locations[i][0]);infowindow.open(map, marker);}})(marker, i));       
  40.         });
  41.  
  42.     }
  43.   </script>
  44. </body>
  45. </html>
Advertisement
Add Comment
Please, Sign In to add comment