Google Maps JavaScript API Kullanımı Bölüm 1

Merhaba arkadaşlar bu makalemde Google Map JavaScript Api kullanımı örneklerle anlatmaya çalışacağım.
Öncelikle Google Developer Console hesabına gmail hesabımızla girişi yapıyoruz. Google Developer Console
Sonrasında bir proje oluşturuyoruz.

Sol menüde Library Sekmesinden Google Map APIs altında Google Maps JavaScript API'yi aktif ediyoruz.
Aktif edildikten sonra yönlendirilen sayfadan kimlik bilgilerini oluşturuyoruz.


1) Go To Credentials
2) Which Api are you using? (Hangi api'yi kullanıyorsunuz?)
3) Where will you call api from? (Api'yi nereden çağıracaksınız?)
4) " What credentials do I need? " butonuna basıyoruz.

5) Name kısmına bir api ismi veriyoruz ( TEST )
6) Accept requests from these HTTP referers kısmına bu apinin kullanılabileceği web adreslerini yazıyoruz. Geliştirme aşamasında iseniz localhost adresinizide ekleyebilirsiniz. (Örnek: http://localhost:10000) Sonrasında " Create Api Key butonuna basıyoruz. "
7) Api Key'imizi bir yere kopyalayıp Done butonuyla işlemi bitiriyoruz.


Credentials sayfasından " OAuth consent screen " kısmında Product name shown to users kısmına proje adını yazarak kaydedip devam ediyoruz.
gelen sayfadan " Web application " seçiyoruz ve açılan NAME kutucuğuna yine proje ismini yazıyoruz. (TEST)
" Authorized JavaScript origins " kısmına isteğin yapılacağı web adreslerini yazıyoruz ve Create butonuyla Console tarafındaki işlemleri bitiyoruz.

Google Map JavaScript API kullanımı Bölüm 2


İyi Kodlar!