Z powodów zawodowych musiałem zainteresować się API Google Maps. Najpierw należy się zarejestrować na stronie Google Maps, aby uzyskać swój własny klucz, przypisany do konkretnej witryny/domeny. Po zapoznaniu się z podstawami API uznałem, że jest ono bardzo przyjemne i przyjazne. Już po zarejestrowaniu, otrzymujemy od Google przykładowy kod. Poniżej zamieszczam nieco zmodyfikowany, dodałem jeden znacznik na tej mapce.
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById(”map”));
map.setCenter(new GLatLng(20.0, 25.0), 5);
var marker = new GMarker( new GLatLng( 20.0, 20.0 ), {clickable:true,title:’tytuł’} );
map.addOverlay( marker );
}
}
W przygotowanej do tego skryptu w Javascript stronie, należy odpowiednio zmodyfikować znacznik BODY:
body onload=”load()” onunload=”GUnload()”
Jak widać na pierwszym listingu, obiekt, w którym będzie mapa w dokumencie HTML, musi mieć ID o wartości “map”. Ustawienie współrzędnych środka mapy jest obowiązkowe - inaczej dostaniemy błąd. Ostatnim argumentem w metodzie setCenter jest zoom, który przyjmuje wartości od 1 do 20 ( 20 to maksymalne przybliżenie ). Należy zwrócić uwagę, że nie każdy obszar ma mapę o danym przybliżeniu. O atrybutach, przekazywanych do obiektu GMarker napiszę więcej w jednym z kolejnych wpisów.