Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Single Info Windows</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <p>Kopie <a href="http://gmaps-samples-v3.googlecode.com/svn/trunk/single-infowindow/single-infowindow.html">ukázky z Googlu</a> upravená tak, aby využívala pole. <div id="map"></div> <p><a href="http://diskuse.jakpsatweb.cz/.sandbox/?action=vthread&forum=8&topic=152992#16">Prý</a> nefunguje.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { font-family: sans-serif; } #map { width: 300px; height: 280px; }
CSS
Autoformát
CSS reset
Až na konci
google.maps.event.addDomListener(window, 'load', function() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 13, center: new google.maps.LatLng(37.779879, -122.395442), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infoWindow = new google.maps.InfoWindow; var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent('<h3>Marker position is:</h3>' + latLng.lat() + ', ' + latLng.lng()); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); var souřadnice = [ new google.maps.LatLng(37.789879, -122.390442), new google.maps.LatLng(37.787814,-122.40764), new google.maps.LatLng(37.767568,-122.391665) ]; for(var i = 0; i < souřadnice.length; i++) { var marker = new google.maps.Marker({ map: map, position: souřadnice[i] }); google.maps.event.addListener(marker, 'click', onMarkerClick); } });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>