Google Maps API v3 nasıl kullanılır - Deli Penguen
Google Maps API v3 Kullanımı-1
Başta hemen hatırlatayım daha önce v2 ile çalışma yapanlar varsa v3’te epey bir değişiklik olduğunu fark edeceklerdir. Özellikle yazım şekilleri bakımından ciddi farklılıklar var. Google Maps API sayfasına gittiğinizde “Deprecated”, yani kaldırılmıştır mesajı ile geliştiriciler bilgilendiriliyor. Bununla ilgili not düşelim. Google Maps API v2 19 Mayıs 2010 tarihi itibarı ile resmi olarak kaldırılmış fakat 19 Mayıs 2013’e kadar çalışmaya devam edecek. Şimdi konumuza geri dönelim..
Dikkat ettiyseniz eklediğimiz kütüphanede “sensor=false” şekilden belirtilen bir parametre bulunuyor. true/false değerleri alabilen bu parametre, haritanızın GPS sensörü kullanıp kullanmayacağınızı harita kütüphanesine belirtmekte kullanılıyor.
var latlng = new google.maps.LatLng(‘latitude değeri’,’longitude değeri’);
“zoom:” Haritanın yakınlaştırma ve uzaklaştırma değerleri bu bölümde ayarlanır. 0-19 arası değer alabilir. Ancak 18 ve 19 değerleri yalnızca MapTypeId.SATELLITE durumunda verilebilir.
“center:” Haritanız başlatıldığında bulunacağı konumun belirtildiği bölümü oluşturur. Ben örneğimizde “konum” ismiyle tanımladığım koordinatları kullanacağım.
“mapTypeId:” 4 farklı değer alır. Bunlar;
MapTypeId.ROADMAP – Varsayılan yol haritası görünümü görüntüler.
MapTypeId.SATELLITE – Google Earth uydu görüntülerini görüntüler.
MapTypeId.HYBRID – Normal ve uydu görüntülerinin bir karışımını görüntüler.
MapTypeId.TERRAIN – Arazi bilgilere dayalı fiziksel bir harita görüntüler.
Oluşturacağımız harita, Google Maps API içerisindeki “map” classından bir map nesnesi türetilerek oluşturulur. Dolayısı ile new operatörünü kullanılarak bu sınıfın yeni bir örneğini kullanıma hazır hale getirebiliriz. Gerekli kodu ise şu şekilde oluşturabiliriz.
var map = new google.maps.Map(document.getElementById(“mapDiv”), mapOptions);
Bu kod bizlere, yukarıda tanımladığımız özelliklerde (Bkz. mapOptions), “mapDiv” üzerinde bir harita oluşturacaktır. Ancak yapacaklarımız bitmedi. Haritamızı web sayfamızın yüklenmesi sırasında initialize etmemiz yani oluşturup başlatmamız gerekiyor. Bunun için de kodumuzun son halini aşağıdaki gibi oluşturabiliriz.
Örneğin çalışan haline buradan göz atabilirsiniz.
Benzer YazılarTomcat üzerindeki bir web uygulamasının standart dizin yapısı nasıldır?SQL Server VIEW sorunuSQL Server veritabanına CSV dosyası nasıl yüklenir?Google Plus'ta çevrelerle sohbet nasıl iptal edilir?Twitter gündemini buradan takip edin!CSS ile iPhone tasarımı yapılır mı?"DeliPenguen News Slider" JQuery KütüphanesiPhoneGap/Cordova çalışma ortamının kurulmasıJSON Server ve JSONPlaceHolder ile REST API Kullanımı	DeliPenguen'i Google+'da bulun
Arda Balkan	17 Ekim 2012 - 06:32
Hocam, çok iyi bir yazı olmuş. Bazı projelerimde v2 hâlen çalışır durumda, bu yazı ile bu projelerdeki ilgili kısımları rahatlıkla v3′ e güncelleyebilirim. Ellerine, klavyene sağlık.
:DeliPenguen	17 Ekim 2012 - 07:03
Teşekkürler hocam. İmkan buldukça adım adım uzuuuun bir yazı dizisi olacak inşallah. Faydalı olduğuna çok sevindim.
Kibarlı Panax	7 Kasım 2012 - 10:39
ali	11 Ocak 2013 - 11:11
ibrahim	7 Şubat 2013 - 10:19
hocam merhaba. benim bir çalışmam var. maps altında kml çizim gösteriyor ve biraz kod ekleyerek çizimleri de tabakalandırdım ve istediğim kml leri gösterip istemediklerimi kapatabiliyorum. fakat bazı problemler yaşamaktayım. en basitinden api kod u bile çalıştıramadım. yardımcı olursanız özel mailinize site adresini ve dosyaları size gönderebilirim. inanın bu maps beni çok bunalttı. eğer projeyi beğenirseniz kendinize uyarlayıp blog sayfanızda da yayınlayabilirsiniz. şimdiden ilginiz için teşekkür eder iyi çalışmalar dilerim.
:DeliPenguen	8 Şubat 2013 - 09:48
Google Maps ile hiç KML layer’larını tecrübe etmedim. Ama öğrenmek ve yardımcı olmaya çalışmak için projene göz atmayı tabi ki isterim. E-posta adresimi mail adresine gönderiyorum.
ibrahim	8 Şubat 2013 - 13:55
merhaba ilginiz için teşekkür ederim. mail gönderdim.
servet	3 Ağustos 2013 - 02:37
ben eğitim kampüslerini tanıtmak istiyorum diyelim. tanıtımın altında haritayı otomatik gösterme şansım var mıdır? bu çok kolay olmasa gerek. ya da ayrıca öneriniz var mıdır? teşekkürler
Hikmet	7 Haziran 2014 - 17:52
Öncelikle faydalı bir anlatımınızdan dolayı teşekkürler. Ben amatör olarak evde ufak projeler yapmaya ve bu şekilde php yi kendimi geliştirmeye çalışıyorum. Aklıma şöyle bir fikir geldi ,olabilirmi diye sizden bilgi almak istiyorum . Diyelimki şirketimizin her ilde ve ilçede 1 den fazla şubesi olsun ve bunların lokasyonlarını sitemize login olanlara gösre bilirmiyiz. Şöyleki
x bey istanbul , bakırköyde oturuyor sitemize login olduğunda sadece bakırköyde bulunan şubelerimizi görebilirmi ?
yardımız için şimdiden teşekürler.
Google Maps API v3′te Kontrolleri Yönetmek-2 - DeliPenguen - Deli Penguen	Pingback
| 2012/10/31	Google Maps API v3′te Kendi Kontrollerinizi Oluşturmak - Deli Penguen	Pingback
« Java, GWT ve Smart GWT üzerine
Google Maps API v3’te Kontrolleri Yönetmek-2 »