Aşağıdaki link ile etkileşimli harita uygulamalarınıza ne gibi özellikler ekleyeceğiniz hakkında demoları bulabilirsiniz.(Oldukça kullanışlı özellikler ile haritanızı zenginleştirebilirsiniz.)
Google Maps Api Demo Gallery
Google Maps Api nasıl kurulur?
Öncelikle api üyelik sayfasına gidiyoruz ve apimizi kullanacağımız alan adına ait bir üyelik alıyoruz.
Api Üyelik Sayfası
Sadece kayıt sırasında girdiğiniz alan adı ile kullanabiliyorsunuz alacağınız api key'i.
Şimdi hangi lokasyonu map'imizde kullanacağımıza bakalım. Aşağıdaki adresten istediğimiz alana ulaşarak api scriptimize koordinatları veriyoruz.
Koordinat bulmak için tıklayın
Verilen script kodunu istediğiniz lokasyon ile sitenize monte edebilirsiniz.
Şimdi script'imize birkaç kod ekleyerek map'imizi biraz daha etkileşimli hale getirelim.
Aşağıdaki kod ile haritamıza yön tuşları ve zoom +/- kontrolü ekliyoruz.
map.addControl(new GSmallMapControl()); //küçük yön tuşları ve büyütme küçüktme kontrolü
map.addControl(new GMapTypeControl());
Şimdi ise bir adet text node ekleyelim:
map.openInfoWindow(map.getCenter(),
document.createTextNode("notunuz")
Şimdi bir adet de marker ekleyelim: (Haritamızın merkezine ekler)
var marker = new GMarker(map.getCenter(), {draggable: true});
map.addOverlay(marker);
Umarım google map api hakkında birşeyler sunabilmişimdir. Kolay gelsin.
tyln
güzel bir anlatım olmuş. elinize sağlık. gayet açıklayıcı ve güzel
YanıtlaSil