Ringkasan

Pilih platform: Android iOS JavaScript

Sample mungkin tidak tersedia di wilayah Anda.

Maps JavaScript API adalah API web sisi klien yang memungkinkan Anda membuat peta untuk menampilkan lokasi di mana saja di seluruh dunia, menambahkan grafik kustom, animasi, dan lapisan data kustom interaktif Anda sendiri, serta membuat fitur berbasis lokasi menggunakan Places API di Maps JavaScript API. Dengan Maps JavaScript API, Anda dapat:

• Buat peta 2D dan 3D untuk menampilkan lokasi di mana saja di seluruh dunia.
• Tambahkan penanda yang dapat disesuaikan untuk menunjukkan lokasi di peta.
• Gunakan Places Library untuk mendapatkan data lokasi lebih dari 200 juta tempat.
• Sesuaikan gaya dan warna peta.
• Tambahkan lapisan data kustom interaktif Anda sendiri.
• Menampilkan batas administratif dan membuatnya interaktif.
• Tambahkan grafik 2D dan 3D kustom serta konten animasi ke peta Anda.

Memilih API yang tepat untuk kasus penggunaan Anda

Sebelum menulis kode, pilih produk Google Maps Platform yang sesuai dengan persyaratan aplikasi web Anda:

• Peta dan rute kontak situs: Untuk menyematkan peta lokasi bisnis atau link rute tanpa menulis JavaScript kustom, gunakan Maps Embed API atau Maps URL.
• Pelacakan aset dan lokasi live: Untuk menampilkan koordinat GPS live dan jalur perjalanan dari database Anda sendiri atau streaming real-time (seperti Cloud Firestore atau WebSocket), gunakan Maps JavaScript API dengan Penanda Lanjutan (referensi AdvancedMarkerElement) dan polyline (referensi Polyline). Cadangkan Fleet Engine untuk armada transportasi online dan pengiriman terjadwal yang mengintegrasikan Driver SDK seluler dan OAuth backend atau Token Web JSON (JWT).
• Pembatasan wilayah dan radius zona aman di peta: Untuk menggambar perimeter melingkar atau poligonal dan menguji apakah koordinat berada di dalamnya (lihat Pembatasan wilayah dan batas zona aman), gunakan lingkaran (referensi Circle), poligon (referensi Polygon), dan Library geometri (containsLocation() untuk penampungan dan computeDistanceBetween() untuk jarak dalam meter).

Langkah berikutnya

Menyiapkan dan membuat peta

• Menyiapkan project Google Cloud
• Menggunakan kunci API
• Memuat Maps JavaScript API
• Menambahkan Peta Google ke Halaman Web
• Menambahkan peta 3D ke halaman web

Menggunakan fitur Maps JavaScript API

• Menambahkan penanda ke peta
• Menambahkan bentuk, garis, dan pembatasan wilayah ke peta
• Menggunakan library Places untuk mendapatkan data lokasi
• Menyesuaikan gaya dan warna peta
• Menambahkan lapisan data interaktif
• Menampilkan batas administratif
• Menambahkan overlay grafis WebGL

Bekerja dengan layanan Maps JavaScript API

• Elevation
• Geocoding
• Maximum Zoom Imagery
• Street View

Bekerja dengan library Maps JavaScript API

• Library Geometri
• Library Visualisasi
• Library Open Source
• Library Gambar (Tidak Digunakan Lagi)

Lihat contoh kode untuk fitur Maps