Basit bir yapıyla web sayfanıza etkileşimli bir harita veya Street View panoraması yerleştirin. HTTP isteği - JavaScript gerekmez.
Maliyetler
Tüm Maps Embed API istekleri ücretsiz olarak kullanılabilir. sınırsız kullanım. Ancak yine de 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şik bir harita oluşturmak için aşağıdaki adımları izleyerek gerekli kurulum adımlarını tamamlayın: tıklayarak:
1. Adım
Konsol
-
Google Cloud Console'daki proje seçici sayfasında Yeni bir Cloud oluşturmaya başlamak için Proje oluşturun belirler.
-
Cloud projeniz için faturalandırmanın etkinleştirildiğinden emin olun. Projenizde faturalandırmanın etkin olduğunu onaylayın.
Google Cloud 0,00 ABD doları deneme süresi sunar. Deneme süresi 90 günün sonunda sona erer gün içinde veya hesaba 300 TL tutarında masraf tahakkuk ettikten sonra (hangisi önce gerçekleşirse) bunu yapabilirsiniz. İptal devam edebilir. Google Haritalar Platformu'nda aylık 200 ABD doları değerinde yinelenen bir kredi sunulur. Daha fazla bkz. Faturalandırma hesabı kredileri ve Faturalandırma.
Google Cloud SDK
gcloud projects create "PROJECT"
Şu konu hakkında daha fazla bilgi edinin: Google Cloud SDK'sı , Google Cloud SDK kurulumu ve aşağıdaki komutları içerir:
ziyaret edin.2. Adım
Google Haritalar Platformu'nu kullanmak için projenizde kullanmayı planladığınız API'leri veya SDK'ları etkinleştirmeniz gerekir.
Konsol
Google Cloud SDK
gcloud services enable \ --project "PROJECT" \ "maps-embed-backend.googleapis.com"
Şu konu hakkında daha fazla bilgi edinin: Google Cloud SDK'sı , Google Cloud SDK kurulumu ve aşağıdaki komutları içerir:
3. Adım
Bu adım yalnızca API anahtarı oluşturma işlemiyle yapılır. API Anahtarınızı API anahtarınızı kısıtlamanızı önemle tavsiye ederiz. Daha fazla ürüne özel API Anahtarlarını Kullanma sayfasındaki bilgilere göz atın.
API anahtarı, şunun için projenizle ilişkili isteklerin kimliğini doğrulayan benzersiz bir tanımlayıcıdır: yalnızca kullanım ve faturalandırma için değil. Projenizle ilişkilendirilmiş en az bir API anahtarınız olmalıdır.
API anahtarı oluşturmak için:
Konsol
-
Google Haritalar Platformu'na gidin > Credentials (Kimlik Bilgileri) sayfasını ziyaret edin.
-
Credentials sayfasında Create credentials >'ı (Kimlik bilgileri oluştur) tıklayın. API anahtarı.
API anahtarı oluşturuldu iletişim kutusunda yeni oluşturulan API anahtarınız gösterilir. -
Kapat'ı tıklayın.
. Yeni API anahtarı, Kimlik bilgileri sayfasında API anahtarları altında listelenir.
. (API'yi kısıtlamayı unutmayın. anahtarının doğru şekilde yüklenmesini sağlayın.)
Google Cloud SDK
gcloud alpha services api-keys create \ --project "PROJECT" \ --display-name "DISPLAY_NAME"
Şu konu hakkında daha fazla bilgi edinin: Google Cloud SDK'sı , Google Cloud SDK kurulumu ve aşağıdaki komutları içerir:
iframe oluşturma
Aşağıdaki seçenekleri tıklayıp bir yer ve API anahtarı ekleyerek Web sayfanız için bir iframe. Ek parametreler ve seçenekler için Harita yerleştirme konusuna bakın.
iframe'inizi test etme
iframe'inizi bir HTML tarayıcı penceresinde görmek için:
- Varsayılan metin düzenleyicinizi açın. Örneğin, TextEdit veya Microsoft Windows Notepad varsayılan olarak cihazınızda yüklü olur.
- Bir HTML dosyası oluşturun ve dosyayı
index.html
olarak adlandırın. Yukarıda oluşturduğunuz iframe'e aşağıdaki kodu ekleyin:
<html> <!-- Replace this code comment with your iframe. --> </html>
index.html
HTML dosyanızı kaydedin.HTML dosyasını masaüstünüzden sürükleyip web tarayıcısına yükleyin tarayıcınız; alternatif olarak, dosyayı çift tıklamak çoğu işletim sistemleri.
Tebrikler! Google Haritalar API'larını kullanarak Maps Embed API.
Temizleme
Kullanılan tüm kaynakların faturalandırılmasını durdurmak için Google Cloud projenizi silebilirsiniz düşünmesi gerekir.
- Google Cloud Console'da Kaynakları yönetin sayfasına gidin:
- Silmeyi planladığınız proje bir kuruluşa bağlıysa kuruluş listesi oluşturun.
- Proje listesinde, silmek istediğiniz projeyi seçin ve Sil.
- İletişim kutusuna proje kimliğini yazın ve projeyi silmek için Kapat'ı tıklayın.
Sonraki adımlar
Google Cloud projesi:
iframe'inize ekleyebileceğiniz ek parametrelerin ve seçeneklerin listesi için:
Haritalar projenizi JavaScript API ile genişletin: