21 Ocak 2010 Perşembe

Google Map Api Kullanımı

Google Map Api ile google map kaynağından istediğiniz koordinatları temel alan etkileşimli harita uygulamalarını sitenizde javascript yada flash aracılığı ile gösterebilirsiniz.

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

1 yorum:

  1. güzel bir anlatım olmuş. elinize sağlık. gayet açıklayıcı ve güzel

    YanıtlaSil