JavaScript'e gerek olmadan basit bir HTTP isteğiyle web sayfanıza etkileşimli bir harita veya Street View panoraması yerleştirin.
Maliyetler
Tüm Maps Embed API istekleri, sınırsız kullanımla ücretsiz olarak kullanılabilir. 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 sekmeleri tıklayarak gerekli kurulum adımlarını tamamlayın:
1. Adım
Konsol
-
Yeni bir Cloud projesi oluşturmaya başlamak için Google Cloud Console'un proje seçici sayfasında Proje Oluştur'u tıklayın.
-
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 veya hesaba 300 ABD doları değerinde ücret tahakkuk ettikten sonra (hangisi önce gerçekleşirse) sona erer. Dilediğiniz zaman iptal edebilirsiniz. Google Haritalar Platformu'nda aylık 200 ABD doları değerinde yinelenen bir kredi sunulur. Daha fazla bilgi için Faturalandırma hesabı kredileri ve Faturalandırma bölümlerine göz atın.
Google Cloud SDK
gcloud projects create "PROJECT"
Google Cloud SDK, Google Cloud SDK kurulumu ve aşağıdaki komutlar hakkında daha fazla bilgi edinin:
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"
Google Cloud SDK, Google Cloud SDK kurulumu ve aşağıdaki komutlar hakkında daha fazla bilgi edinin:
3. Adım
Bu adım yalnızca API anahtarı oluşturma işlemiyle yapılır. API anahtarınızı üretimde kullanıyorsanız API anahtarınızı kısıtlamanızı önemle tavsiye ederiz. Ürüne özgü 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şkilendirilmiş en az bir API anahtarınız olmalıdır.
API anahtarı oluşturmak için:
Konsol
-
Google Haritalar Platformu > Kimlik Bilgileri sayfasına gidin.
-
Kimlik bilgileri sayfasında Kimlik bilgileri oluştur > API anahtarı'nı tıklayın.
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ı'nın altında listelenmiştir.
(API anahtarını üretimde kullanmadan önce kısıtlamayı unutmayın.)
Google Cloud SDK
gcloud alpha services api-keys create \ --project "PROJECT" \ --display-name "DISPLAY_NAME"
Google Cloud SDK, Google Cloud SDK kurulumu ve aşağıdaki komutlar hakkında daha fazla bilgi edinin:
iframe oluşturma
Web sayfanız için iframe oluşturmak üzere aşağıdaki seçenekleri tıklayıp bir konum ve API anahtarı ekleyin. 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. Cihazınızda varsayılan olarak TextEdit veya Microsoft Windows Notepad gibi metin düzenleyicilerin yüklü olması gerekir.
- 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 tarayıcınıza sürükleyerek bir web tarayıcısına yükleyin. Alternatif olarak, dosyayı çift tıklamak çoğu işletim sisteminde çalışır.
Tebrikler! Maps Embed API'yi kullanarak bir harita oluşturdunuz ve oluşturdunuz.
Temizleme
İlgili projede kullanılan tüm kaynakların faturalandırmayı durdurmak için Google Cloud projenizi silebilirsiniz.
- Google Cloud Console'da Kaynakları yönetin sayfasına gidin:
- Silmeyi planladığınız proje bir kuruluşa eklenmişse sayfanın üst kısmındaki kuruluş listesini seçip genişletin.
- Proje listesinde, silmek istediğiniz projeyi seçin ve Sil'i tıklayın.
- İletişim kutusuna proje kimliğini yazın ve projeyi silmek için Kapat'ı tıklayın.
Sonraki adımlar
Google Cloud projenizi oluşturarak Maps Embed API ile geliştirmeye başlayın:
iframe'inize ekleyebileceğiniz ek parametrelerin ve seçeneklerin listesi için:
Haritalar projenizi JavaScript API ile genişletin: