Google’ın ücretsiz olarak tüm webmaster’ların kullanımına sunduğu Google Maps API, web sitenize interaktif haritalar eklemenize olanak sunuyor.
Google Maps ya da Türkçe adıyla Google Haritalar, oldukça ayrıntılı haritaları online ortamda interaktif şekilde kullanmamızı sağlıyor. http://maps.google.com adresinden ulaşılan bu servis, dünyanın hemen her yerini uydu ya da harita görünümüyle incelemenizi sağlıyor. Google dendiğinde akla ilk gelen şey olan arama, online harita servisinde de önemlibir yere sahip. Bulmak istediğiniz yerin adını, örneğin bir ilin, ilçenin ya da caddenin adını arama formuna girmeniz yeterli. Google’ın sağladığı ücretsiz online haritalarla tüm cadde ve sokaklar elinizin altında.
Gelelim yazımızın asıl konusuna. Google, harita hizmetinin webmaster’lar tarafından istenen web sitesine entegre edilmesine ve ücretsiz olarak kullanılmasına izin veriyor. Google Maps API (uygulama programlama arayüzü) sayesinde web sitenize haritalar eklemek elinizde. İlk bakışta karmaşık görünse de aslında Google haritalarını web sitenizde görmek için yapmanız gereken şey, birkaç parça kodu kopyalayıp yapıştırmaktan ibaret. Elbette bu konu üzerinde daha fazlazaman geçirerek esaslı uygulamalara da imza atabilirsiniz. Sitenizin veritabanındaki bilgileri haritaların üzerinde konumlandırmak, verilerinize göre haritaların çizilmesini sağlamak da elinizde. Örneğin www.kaybolduk.biz adresindeki online servis Google Maps API temelli ilgi çekici bir uygulama içeriyor. Bu yazıda Google haritalarını en sade haliyle web sitenize eklemenin yollarından bahsedeceğiz ve ayrıntılı uygulamalar geliştirmek isteyenler için bazı ipuçları vermeye çalışacağız.
Google Maps API Key
Google haritalarını web sitenizde kullanmak için öncelikle bir API anahtarı edinmeniz gerekiyor. Google, bu anahtarı API’ın hangi web sitelerinde kullanılmakta olduğunun kaydını tutmak ve istatistikî bilgiler edinmek için zorunlu tutuyor. Bu noktada akla şöyle bir soru gelebilir: “Google, haritalarla birlikte kullanacağım verileri de ele geçirebilir mi?” Yanıt ise hayır. Çünkü Google Maps API ile hazırladığınız uygulamalarda haritaların üzerinde görüntülenen veriler yalnızca tarayıcı tarafından yorumlanmak üzere sizin tarafınızdan sayfaya yazılabilir. Başka bir deyişle web sitenizin veritabanıyla Google Maps API birbirinden bağımsız çalışabiliyor. Öte yandan Google’ın sıradan bir şirket olmadığını, gizlilik prensiplerine sıkıca bağlı kalarak yıllardır milyonlarca kullanıcının güvenini elde etmeyi başardığını unutmamak gerek. Google Maps API’ınızı edinmek için öncelikle http://git.pcnet.com.tr/140 adresini ziyaret etmelisiniz. Bu sayfada servisin kullanım şartları ayrıntılı şekilde yer alıyor ve sizden API’ı kullanacağınız web sitesinin adresi soruluyor.
Bu noktada küçük bir hatırlatma yapalım: Birsite için almış olduğunuz API anahtarıyla başkabir sitede Google haritaları yayınlayamıyorsunuz.
İlk haritanız
Google Maps API anahtarınızın gösterildiği sayfada, ilk haritanızı hazırlamanızda yardımcı olacak birkaç kod da veriliyor. JavaScript, Flash ve HTTP servisi için farklı örnek kodlar görüntüleniyor. Hemen bir deneme yapmak için buradaki kodlardan birini kullanmak yerine yalnızca API anahtarınızı bir yere not ettikten sonra http://git.pcnet.com.tr/141 adresini ziyaret etmenizde fayda var. Bu adresteki sayfada Google Maps API için bir “Hello World” örneği gösterilmiş.
İlk denemenizi yapmak için sayfada bulunan kodları kopyalayarak boş bir HTML dosyasına yapıştırmanız, sonrasında da bu kodlar üzerinde birkaç küçük değişiklik yapmanız gerekiyor. Kodları boş bir sayfaya kopyaladıktan sonra ilk iş olarak aşağıdaki satırı bulun:
Uygulamanın çalışması için yukarıdaki satırda “abcdefg” yerine kendi API anahtarınızı girmeniz gerekiyor. Ayrıca yine aynı satırda bulunan “sensor” parametresini belirlemek durumundasınız. Bu parametre, yaptığınız uygulamada kullanıcının yerinin belirlenip belirlenmeyeceğini belirtiyor. İlk denemenizde “sensor= true_or_false” bölümünü “sensor=false” yaparak devam edebilirsiniz. Bu değişiklikleri yaptıktan sonra belgenizi kaydedin ve tarayıcınızda açın. İlk haritanız Google’ın ana kampüsünün yer aldığı Mountain View çevresini görüntülüyor olacak.
Haritanızı isteğinize göre düzenleyin
Uygulamayı yaparken amacımız elbette ziyaretçilerimize Mountain View’ü göstermek değil. Bu yüzden sıra haritanın doğru yeri göstermesini sağlamaya geliyor. Hazırladığınız belgede aşağıdaki satırı bulun:
Bu satırda haritanın merkez noktasının koordinatları ve yakınlaştırma düzeyi belirleniyor. Göstermek istediğiniz noktanın koordinatlarını bulmak için Wikipedia’yı kullanabilirsiniz. Örneğin bu haritanın İstanbul’u göstermesi için kod satırında geçen koordinatların aşağıdaki gibideğiştirilmesi gerekiyor:
Yine bu satırda 13 rakamı ile ifade edilen değer, haritanın yakınlaştırma düzeyi. Bu değeri isteğinize göre 0 ile 19 arasında belirleyebiliyorsunuz. 0 en uzak görünümü sağlarken, 19 mümkün olan en çokyakınlaştırmayı (büyütmeyi) sağlıyor. Google haritalarının kimi yerlerde 16’dan fazlayakınlaştırmaya olanak tanımadığını hatırlamakta yarar var.
Haritanızda bir yeri işaretleyin
Google Maps API’ı kullanarak web sitenizin “bize ulaşın” bölümünü renklendirmek istediğinizi varsayalım. Diyelim ki, bu sayfaya ekleyeceğimiz bir haritada şirketimizin ya da evimizin bulunduğu noktayı göstermek ve ziyaretçilerin bizi bulmasını kolaylaştırmak istiyoruz. Bunun için yukarıdaki yönergeleri izleyerek sayfamıza haritamızı ekledikten sonra harita üzerinde bir noktayı işaretlememiz gerekiyor. Google Maps API, bu konuda güzel olanaklar sunuyor.
Koordinatları bulunduğunuz yere göre girdiyseniz, geriye kalan tek şey “İşte buradayız!” diyenbir bilgi balonu hazırlamak. Sayfanızın kodlarında “map.setUIToDefault();” satırının öncesine aşağıdaki satırları yapıştın:
map.openInfoWindowHtml(map.getCenter(),
document.createTextNode("iste buradayiz!"));
Bu satırlar kolayca anlaşılacağı üzere, haritanın ortasında bir HTML bilgi penceresi açılmasını sağlıyor ve “iste buradayiz!” ifadesinin bu pencerenin içine yazılmasını sağlıyor. Bir bilgi balonu şeklinde görünen bu yapının içinde istediğimiz HTML etiketlerini kullanmak, istersekresim yüklemek gibi olanaklarımız da bulunuyor.
Durmayın, geliştirin
Bu yazıda çok basit bir örnekle Googleharitalarını web sayfalarınızda nasıl kullanacağınıza değinmeye çalıştık. Siz işi daha ileri götürerek Google Maps API’nın sunduğu diğer olanakları kullanan başarılı uygulamalaraimza atabilirsiniz. Veritabanınızdaki bilgileri haritanın üzerine dökmek, kullanıcılarınızın harita üzerinden size veri ulaştırmasını sağlamak gibi yöntemlerle birçok farklı uygulama yapmak mümkün. İşin bundan sonrası biraz da sizin hayal gücünüze kalıyor.
Google püf noktaları Web’de aradığınızı daha hızlı, daha kolay ve daha eğlenceli bir yolla bulun. Görsel içeriğini filtrelemek Google’da görsel araması yaptığınızda... daha fazla oku
E-Ticaret te yeni düzenleme Kimden geldiği belli olmayan mesaj ve ileti gönderenlere 1000-10 bin lira arasında değişen idari para cezaları... daha fazla oku
Virüsler Tavan Yaptı. Tehlike Büyük! Son rakamlara göre kötü amaçlı yazılımların sayısı son 4 yılın en yüksek seviyesine ulaştı. Sadece... daha fazla oku
1942 İlk Bilgisayar (ENIAC) Pennsylvania Üniversitesinde yapılır. 1942- İlk bilgisayar Eniac (Electronic Numerical Integrator And Computer) Temel Özellikleri: Electronic Numerical Integrator &... daha fazla oku
Tablet Bilgisayarların E-ticarete etkisi nelerdir Hızlı bir şekilde yaygınlaşması ile birlikte tabletlerin e-ticaret üzerindeki etkileri de artık ölçülebilir hale gelmeye... daha fazla oku
Bilgi hırsızlığı artıyor Bilgilerinizin çalınmasını önlemek için hangi önlemleri almanız gerektiğnii biliyor musunuz? Gelişen Türkiye ekonomisi, kurumsal hedefleri gözüne kestirenhacker'ların istahını kabartıyor.Başta İstanbul,... daha fazla oku
Özellikle sosyal ağların hayatımıza yoğun biçimde girmesiyle birlikte ağ üzerindeki veriler her geçen gün daha büyük bir hızla artıyor.... daha fazla oku
E-ticaret girişimcilerine ipuçları E-ticarete yeni başlayan ya da mevcut sistem veya stratejilerini güçlendirmek isteyen firmalara geniş kapsamlı bir e-ticaret servis... daha fazla oku
Kablosuz ağlara güvenmeyin Hiçbir güvenlik önlemi bulunmayan, halka açık kablosuz ağları bir nimet olarak görüyorsanız bazı beyinler için bulunmaz bir... daha fazla oku