Maps Embed API hızlı başlangıç kılavuzu

HTTP isteğiyle web sayfanıza etkileşimli bir harita veya Street View panoraması yerleştirin. Özel JavaScript gerekmez.

Maliyetler

Tüm Maps Embed API istekleri ücretsizdir ve sınırsız kullanım sunar. Ancak tüm istekler için geçerli bir Google Cloud API anahtarı gerekir. Daha fazla bilgi için Kullanım ve Faturalandırma bölümüne bakın.

Başlamadan önce

Web sayfanızda yerleştirilmiş bir harita oluşturmak için aşağıdaki gerekli kurulum adımlarını tamamlayın:

1. adım: Projenizi oluşturun

Konsol

  1. Google Cloud Console'daki proje seçici sayfasında, yeni bir Cloud projesi oluşturmaya başlamak için Proje Oluştur'u tıklayın.

    Proje seçici sayfasına gidin.

  2. Cloud projeniz için faturalandırmanın etkinleştirildiğinden emin olun. Projeniz için faturalandırmanın etkinleştirildiğini onaylayın.

    Google Cloud, ücretsiz deneme sürümü sunar. Deneme süresi, 90 günün sonunda veya hesapta 300 ABD doları tutarında ücret tahakkuk ettikten sonra (hangisi önce gerçekleşirse) sona erer. İstediğiniz zaman iptal edebilirsiniz. Daha fazla bilgi için Faturalandırma hesabı kredileri ve Faturalandırma başlıklı makaleleri inceleyin.

Google Cloud SDK

gcloud projects create "PROJECT"

Google Cloud SDK, Cloud SDK yüklemesi ve aşağıdaki komutlar hakkında daha fazla bilgi edinin:

2. adım: API'leri veya SDK'ları etkinleştirin

Google Haritalar Platformu'nu kullanmak için projenizde kullanmayı planladığınız API'leri veya SDK'ları etkinleştirmeniz gerekir.

Konsol

Maps Embed API'yi etkinleştirme

Google Cloud SDK

gcloud services enable \
    --project "PROJECT" \
    "maps-embed-backend.googleapis.com"

Google Cloud SDK, Cloud SDK yüklemesi ve aşağıdaki komutlar hakkında daha fazla bilgi edinin:

3. adım: API anahtarı alın

Bu adımda yalnızca API anahtarı oluşturma işlemi açıklanmaktadır. API anahtarınızı üretimde kullanıyorsanız API anahtarınızı kısıtlamanızı önemle tavsiye ederiz. Ürüne özel API anahtarlarını kullanma sayfasında daha fazla bilgi bulabilirsiniz.

API anahtarı, kullanım ve faturalandırma amacıyla projenizle ilişkili isteklerin kimliğini doğrulayan benzersiz bir tanımlayıcıdır. Projenizle ilişkili en az bir API anahtarınız olmalıdır. Yeni bir anahtar oluşturmak veya mevcut bir anahtara API ya da SDK eklemek için bu talimatları uygulayın.

Konsol

  1. Google Haritalar Platformu > Anahtarlar ve Kimlik Bilgileri sayfasına gidin.

    Anahtarlar ve Kimlik Bilgileri sayfasına gidin

  2. İstenirse projenizi seçin.

  3. Aşağıdakilerden birini yapın:

    • Yeni anahtar oluşturma:

      1. Kimlik bilgileri oluştur > API anahtarı'nı tıklayın.
      2. API anahtarı oluştur panelinde API kısıtlamalarını seçin listesini açın.
      3. Bu anahtarın ihtiyaç duymadığı API'leri temizleyin ve Maps Embed API'nin seçili kaldığından emin olun.
      4. Oluştur'u tıklayın. Panelde yeni API anahtarınız gösterilir.

    • Mevcut bir anahtarı kullanma:

      1. Anahtarın adını tıklayın.
      2. API kısıtlamalarını seçin listesinde Maps Embed API'yi seçin.
      3. Kaydet'i tıklayın.

    Burada bir API seçmek, API'yi etkinleştirmez. Maps Embed API'nin, API Kitaplığı sayfasında etkinleştirildiğinden emin olun.

  4. Anahtar dizesini daha sonra görmek için Anahtarlar ve Kimlik Bilgileri sayfasına gidip anahtar için Anahtarı göster'i tıklayın.

Konsol bu adımlardan farklı görünüyorsa Google Cloud belgelerindeki API anahtarı oluşturma ve API kısıtlamaları ekleme bölümlerine bakın.

Google Cloud SDK

Aşağıdaki komutlarda PROJECT_ID ifadesini proje kimliğinizle değiştirin.

  • Yeni anahtar oluşturma: Aşağıdaki komutu çalıştırın ve DISPLAY_NAME yerine anahtarın adını yazın. 

    gcloud services api-keys create \
    --project="PROJECT_ID" \
    --display-name="DISPLAY_NAME" \
    --api-target=service=maps-embed-backend.googleapis.com

    Google Cloud SDK, Cloud SDK yüklemesi ve aşağıdaki komutlar hakkında daha fazla bilgi edinin:

  • Mevcut bir anahtarı kullanma: Aşağıdaki komutu çalıştırın ve KEY_ID değerini anahtarın kimliğiyle değiştirin. --append işareti, anahtarın halihazırda izin verdiği API'leri korur. Bu parametre kullanılmadığında komut, mevcut etiketleri değiştirir.

    gcloud services api-keys update KEY_ID \
    --project="PROJECT_ID" \
    --append \
    --api-target=service=maps-embed-backend.googleapis.com

    Google Cloud SDK, Cloud SDK yüklemesi ve aşağıdaki komutlar hakkında daha fazla bilgi edinin:

    Anahtar kimliği, anahtar dizesi veya görünen ad değildir. Bunu bulmak için gcloud services api-keys list --project="PROJECT_ID" komutunu çalıştırın. Kimlik, name alanının son kısmıdır: projects/PROJECT_NUMBER/locations/global/keys/KEY_ID.

Anahtar dizesini görmek için gcloud services api-keys get-key-string KEY_ID --project="PROJECT_ID" komutunu çalıştırın.

iframe oluşturma

Aşağıdaki seçenekleri tıklayın ve web sayfanız için bir iframe oluşturmak üzere konum ve API anahtarı ekleyin. Ek parametreler ve seçenekler için Harita yerleştirme başlıklı makaleyi inceleyin.

iframe'inizi test etme

iFrame'inizi bir HTML tarayıcı penceresinde görmek için:

  1. Varsayılan metin düzenleyicinizi açın. Cihazınızda varsayılan olarak TextEdit veya Microsoft Windows Not Defteri gibi metin düzenleyiciler yüklü olmalıdır.
  2. Bir HTML dosyası oluşturun ve dosyayı index.html olarak adlandırın.

  3. Yukarıda oluşturduğunuz iframe ile aşağıdaki kodu ekleyin:

    <html>
  <!-- Replace this code comment with your iframe. -->
</html>

  4. index.html HTML dosyanızı kaydedin.

  5. HTML dosyasını masaüstünüzden tarayıcınıza sürükleyerek bir web tarayıcısına yükleyin. Alternatif olarak, çoğu işletim sisteminde dosyayı çift tıklayabilirsiniz.

Tebrikler! Maps Embed API'yi kullanarak bir harita oluşturup yapılandırdınız.

Temizleme

Google Cloud projenizi silerek projede kullanılan tüm kaynaklar için faturalandırmayı durdurabilirsiniz.

  1. Google Cloud Console'da Kaynakları yönet sayfasına gidin:

    Kaynakları yönet sayfasına gidin

  2. Silmeyi planladığınız proje bir kuruluşa bağlıysa sayfanın üst kısmındaki kuruluş listesini seçip genişletin.
  3. Proje listesinde, silmek istediğiniz projeyi seçin ve Sil'i tıklayın.
  4. İletişim kutusunda proje kimliğini yazın ve projeyi silmek için Kapat'ı tıklayın.

Sonraki adımlar