Tag - google maps

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

Powered by themekiller.com