Maps JavaScript API, dünyanın herhangi bir yerindeki konumları gösteren haritalar oluşturmanıza, kendi özel grafiklerinizi, animasyonlarınızı ve etkileşimli özel veri katmanlarınızı eklemenize ve Maps JavaScript API'deki Places API'yi kullanarak konuma duyarlı özellikler oluşturmanıza olanak tanıyan bir istemci tarafı web API'sidir. Maps JavaScript API ile şunları yapabilirsiniz:
- Dünyanın her yerindeki konumları göstermek için 2D ve 3D haritalar oluşturun.
- Haritadaki konumları belirtmek için özelleştirilebilir işaretçiler ekleyin.
- 200 milyondan fazla yerin konum verilerini almak için Places Library'yi kullanın.
- Haritanın stilini ve renklerini özelleştirin.
- Kendi etkileşimli özel veri katmanlarınızı ekleyin.
- İdari sınırları görüntüleme ve etkileşimli hale getirme
- Haritalarınıza özel 2D ve 3D grafikler ile animasyonlu içerikler ekleyin.
Kullanım alanınıza uygun API'yi seçme
Aşağıdaki örneklerde, yaygın web uygulaması senaryoları için hangi Google Haritalar Platformu ürünlerinin ve kitaplıklarının kullanılacağı gösterilmektedir:
- Web sitesi iletişim haritası ve yol tarifleri: Özel JavaScript yazmadan bir işletme konumu haritası veya yol tarifi bağlantısı yerleştirmek için Maps Embed API veya Maps URL'lerini kullanın.
- Canlı konum ve öğe takibi: Kendi veritabanınızdan veya gerçek zamanlı akışınızdan (ör. Cloud Firestore veya WebSockets) canlı GPS koordinatlarını ve seyahat rotalarını görüntülemek için Gelişmiş İşaretçiler (
AdvancedMarkerElementreferansı) ve çoklu çizgiler (Polylinereferansı) ile Maps JavaScript API'yi kullanın. Fleet Engine'i, mobil Sürücü SDK'sını ve arka uç OAuth veya JSON Web Jetonlarını (JWT'ler) entegre eden araç paylaşımı ve planlı teslimat filoları için ayırın. - Rota planlama ve sevkiyat: Routes kitaplığını kullanın.
- Duraklar, seyahat süresi, mesafe ve geçiş ücretleri içeren bir rota hesaplayıp haritada çizmek için
Route.computeRoutes()hizmetini kullanın. - Birden fazla çıkış ve varış noktası arasında en yakın sürücüyü, aracı veya depoyu bulmak için
RouteMatrix.computeRouteMatrix()işlevini kullanın. - Sunucunuzda zaman aralıkları olan birden fazla araç planlamak için Route Optimization API'yi kullanın.
- Duraklar, seyahat süresi, mesafe ve geçiş ücretleri içeren bir rota hesaplayıp haritada çizmek için
- Mağaza bulma araçları ve mekan haritaları: Mağazaları, mekanları veya şubeleri özel raptiyeler ve filtrelerle bir haritada göstermek için Yerler kitaplığı ile Gelişmiş İşaretçiler'i (
AdvancedMarkerElementreferansı) kullanarak yerleri bulup ayrıntılarını yükleyin. - Haritada coğrafi sınır ve güvenli bölge yarıçapı: Dairesel veya çokgen çevreler çizmek ve koordinatların bu çevrelerin içine girip girmediğini test etmek için (Coğrafi sınırlar ve güvenli bölge sınırları bölümüne bakın) daireler (
Circlereferansı), çokgenler (Polygonreferansı) ve Geometry kitaplığını (kapsama içincontainsLocation()ve metre cinsinden mesafe içincomputeDistanceBetween()) kullanın.
Eski API'ler ve bunların yerine geçenler
DirectionsServiceveDistanceMatrixService, 25 Şubat 2026 itibarıyla kullanımdan kaldırılacak. Bunun yerineRouteveRouteMatrixkullanın.google.maps.Marker, 21 Şubat 2024 itibarıyla kullanımdan kaldırılmıştır. Bunun yerineAdvancedMarkerElementkullanın.PlacesService, 1 Mart 2025'ten itibaren yeni müşterilerin kullanımına sunulmayacak. Bunun yerinePlacesınıfını kullanın.
Sırada ne var?
- Haritaya işaretçi ekleme
- Haritaya şekil, çizgi ve coğrafi sınır ekleme
- Konum verilerini almak için Places kitaplığını kullanma
- Rotaları ve rota matrislerini hesaplama ve görüntüleme
- Haritanın stilini ve renklerini özelleştirme
- Etkileşimli veri katmanları ekleme
- İdari sınırları görüntüleme
- WebGL grafik yer paylaşımı ekleme
- Routes Library
- Geometri kitaplığı
- Görselleştirme Kitaplığı
- Açık kaynak kitaplıkları
- Çizim kitaplığı (Desteği sonlandırıldı)
Haritalar özellikleri için örnek koda bakın