Tag - google maps kullanımı

Google Maps Clustering ve OverlappingMarkerSpiderfier Özelliği

Daha önce google maps kullanımı hakkında bilgi vermiştim. Şimdi ise google maps kullanımını biraz daha profesyonel kullanmanızı sağlayacak bir kaç özellikten bahsedeceğim. Clustering özelliği ile başlayalım. Clustering harita üzerinde belirlediğimiz markerlardan yakın olanları gruplayarak toplu halde göstermemizi sağlar. Zoom yaptığımızda detaya inerek markerları dağıtır. Aşağıdaki ekranda bir örnek gösterilmiştir. OverlappingMarkerSpiderfier is aynı koordinata denk gelen markerları görüntüleyebilmek için kullanılmaktadır. Markerları dairesel bir şekilde sıralayarak tümünü görmemize yardımcı olur. Örneği aşağıdaki gibidir. Kod kısmına gelecek olursak ilk olarak aşağıdaki kütüphaneleri ve html nesnesini kodunuza eklemeniz gerekiyor. Aşağıdaki api key yazan yere google maps api keyinizi yazmayı unutmayınız!   Javascript kısmında ise öncelikle koordinatları getiren veriyi [...]

Google Maps Kullanımı

Google haritaları kullanmak için öncelikle yapmamız gereken https://console.developers.google.com adresinden bir api key oluşturmak. Bunun için google hesabınızdan giriş yapmalı ve yeni bir proje olurşturmalısınız. Projeyi seçtikten sonra karşımıza aşağıdaki gibi bir ekran gelecektir. Buradan Google Maps Apı bölümünden  Google Maps JavaScript API'yi seçerek bir api key oluşturmalıyız. Oluşturduğumuz key'i daha sonra aşağıdaki kodda yer alan API_KEY bölümüne eklemeniz gerekmektedir. Oluşturma işlemini yaptıktan sonra sol menüde Push' a tıklayarak hangi sayfada kullanmak istedeğinizi belirtmek için bir domain eklemeniz gerekmektedir. Bunun için google birkaç doğrulama isteyecektir. Bütün adımları tamamladıktan sonra aşağıdaki kodu kullanarak enlem ve boylam belirttiğiniz yerlere gerekli açıklamaları istediğiniz gibi yazabilirsiniz. // [...]

Powered by themekiller.com