Google

Google Maps Konum Alma ve Rota Çizme

İstek üzerine böyle bir yazı hazırlamaya karar verdim. Google maps api üzerinden şuan ki konumumuzu bulacağız ve bu konumdan seçtiğimiz bir yere rota çizeceğiz. Yine ihtiyacımız olan jquery ve google maps api kütüphanemizi çağırıyoruz.   Konumumuzu bulan metot aşağıdaki gibi olacak; function konumBul() { var map = new google.maps.Map(document.getElementById('harita'), { center: {lat: 40.00, lng: 28.00}, zoom: 6 }); if (navigator.geolocation) { [...]

Google Maps Rota Çizme

Daha önceki yazılarda google maps api key ve marker kullanımı hakkında bilgi vermiştim.  Şimdi ise google haritalarda rota çizmeyi anlatacağım. Harita üzerinde birden fazla duraklama noktası belirleyerek bir rota çizebilir ve bu noktalar arası mesafeleri ölçebiliriz. Öncelikle google maps javascript api kütüphanesini çağırmamız gerekiyor. Burda dikkat edilmesi gereken konu api key kullanılmadığında noktalarla ilgili bir kısıtlama var https://developers.google.com/maps/pricing-and-plans/#details adresinden bilgi edinebilirsiniz. Api key nasıl alınır görmek için buraya tıklayın.   Html kodlarımız aşağıdaki gibi olacak Rota hesaplama ve harita oluşturma kodlarımız aşağıdaki gibidir. // Çalışan örneği görmek için burayı tıklayın.

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 Api Key Alma

Öncelikli olarak buradaki anlarım ücretli bir api key satın almak için yapılmıştır. İsterseniz ücretsiz olarak da kullanabilirsiniz. 25000 gösterime kadar ücret talep edilmemektedir https://console.developers.google.com/ adresine girerek google hesabınızla oturum açtıktan sonra aşağıdaki ekrandaki create projecte tıklayarak yeni bir proje oluşturmalısınız. Aşağıdaki ekrandan Google Maps Api kısmından google maps javascript api seçeneğini seçip gelen ekranda Enable API ye tıklıyoruz. Api enable olduktan sonra aşağıdaki ekran da Enable billing' e tıklıyoruz Sonraki ekranda gelen formu kredi kartı bilgileri ile doldurup accept diyoruz. Tanımlama işlemleri bittikten sonra üstteb project kısmından oluşturduğumuz projeyi seçip aşağıdaki gibi credentials' a tıklayıp add credantials diyoruz. Yukarıdaki adımlara göre browser key oluşturunuz. [...]

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. // [...]

Google SiteMap Ekleme

Seo için yapılması gerekli olanlardan bir taneside sitemap eklenmesidir. Sitemap eklemek için öncelikli olarak sitenizdeki yapıyı temsil edecek bir dosya oluşturmaniz gerekmektedir. Bu dosyayı oluştururken https://www.xml-sitemaps.com/ adresinden faydalanabilirsiniz veya google sitemap generator yazarak farklı alternatifler bulabilirsinziz Yukarıdaki linkte verdiğim adresten ücrestsiz bir şekilde sitemap.xml dosyası oluşturduktan sonra web  sitemizde istediğimiz bir dizine atıyoruz. Daha sonra ise  https://www.google.com/webmasters/ adresine giriyoruz. Tabiki bu işlemleri yapmak için login olmalı ve websitenizi webmaster tools a kayıt etmeniz gerekmektedir. Kayıtlı olan sitenizi seçtikten sonra aşağıdaki ekrandaki gibi sol taraftaki menüden taramanın altındaki site haritalarını seçmelisiniz. Şuan ki ekran görüntüsünde kayıtlı bir sitemap olduğu görülmektedir. Yeni bir tane [...]

Powered by themekiller.com