Google maps api
Материал из GutenWeb Wiki
Простейший пример использования Google Maps API
Маркер и всплывающее окно (infoWindow) с произвольным HTML
<body onload="initialize()" onunload="GUnload()">
<script src="http://maps.google.com/maps?file=api&v=2&key=sssssssss&sensor=true&hl=ru"
type="text/javascript">
</script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
// инициализация маркеров
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// инициализация карты
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(59.92947, 30.32280), 14);
map.setUIToDefault();
// маркер
var windowHTML = '<h2 class="popupMapTitle">DENT-online</h2> ул. Гороховая, д. 41, 1 этаж <BR><BR>';
var point = new GLatLng(59.929008, 30.320532);
var marker = createMarker(point, windowHTML);
map.addOverlay(marker);
}
}
</script>
<div id="map_canvas" style="width: 510px; height: 410px"></div>