Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
- <title>Google Maps Multiple Markers</title>
- <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
- <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
- </head>
- <body>
- <div id="map" style="width: 800px; height: 800px;"></div>
- <script type="text/javascript">
- var locations = [
- ['1. adresse', 'Sondegade 58, 7850 Stoholm'],
- ['2. adresse', 'Kokholm 1C, 6000 Kolding']
- ];
- var map = new google.maps.Map(document.getElementById('map'), {
- zoom: 7,
- center: new google.maps.LatLng(56, 11),
- mapTypeId: 'terrain'
- });
- var infowindow = new google.maps.InfoWindow();
- var marker, i;
- var markers = new Array();
- //var counter = locations.length;
- for (i = 0; i < locations.length; i++) {
- $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+locations[i]+'&sensor=false', null, function (data) {
- var p = data.results[0].geometry.location
- var latlng = new google.maps.LatLng(p.lat, p.lng);
- //alert(latlng);
- marker = new google.maps.Marker({
- position: latlng,
- map: map
- });
- marker.push(marker);
- google.maps.event.addListener(marker, 'click', (function(marker, i) {return function() {infowindow.setContent(locations[i][0]);infowindow.open(map, marker);}})(marker, i));
- });
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment