Guest User

Untitled

a guest
Jul 14th, 2015
264
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.     var map = new google.maps.Map(document.getElementById('map'), {
  18.       zoom: 7,
  19.       center: new google.maps.LatLng(56, 11),
  20.       mapTypeId: 'terrain'
  21.     });
  22.    
  23.    
  24.     var infowindow = new google.maps.InfoWindow();
  25.     var marker, i, content;
  26.     var markers = new Array();
  27.     for (i = 0; i < locations.length; i++) {  
  28.     //alert(locations[i][0]);
  29.     content = locations[i][0];
  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.             marker = new google.maps.Marker({
  34.                 position: latlng,
  35.                 map: map
  36.             });
  37.             //marker.push(marker);
  38.             google.maps.event.addListener(marker, 'click', (function(marker, i) {return function() {infowindow.setContent(content);infowindow.open(map, marker);}})(marker, i));       
  39.         });
  40.  
  41.     }
  42.   </script>
  43. </body>
  44. </html>
Advertisement
Add Comment
Please, Sign In to add comment