Browser yang didukung Web SDK
Azure Maps Web SDK menyediakan fungsi pembantu yang disebut atlas.isSupported. Fungsi ini mendeteksi apakah browser web memiliki kumpulan fitur WebGL minimum yang diperlukan untuk mendukung pemuatan dan penyajian kontrol peta. Berikut adalah contoh cara menggunakan fungsi ini:
if (!atlas.isSupported()) {
alert('Your browser is not supported by Azure Maps');
} else if (!atlas.isSupported(true)) {
alert('Your browser is supported by Azure Maps, but may have major performance caveats.');
} else {
// Your browser is supported. Add your map code here.
}
Desktop
Azure Maps Web SDK mendukung browser desktop berikut ini:
- Microsoft Edge (versi saat ini dan versi sebelumnya)
- Google Chrome (versi saat ini dan versi sebelumnya)
- Mozilla Firefox (versi saat ini dan versi sebelumnya)
- Apple Safari (macOS X) (versi saat ini dan versi sebelumnya)
Lihat juga Menargetkan browser lama nanti di artikel ini.
Seluler
Azure Maps Web SDK mendukung browser seluler berikut ini:
- Android
- Chrome versi saat ini di Android 6.0 dan yang lebih baru
- Chrome WebView di Android 6.0 dan yang lebih baru
- iOS
- Mobile Safari di iOS versi utama saat ini dan sebelumnya
- UIWebView dan WKWebView pada iOS versi utama saat ini dan sebelumnya
- Versi Chrome untuk iOS saat ini
Tip
Jika Anda menyematkan peta di dalam aplikasi seluler menggunakan kontrol WebView, Anda mungkin lebih memilih menggunakan paket npm Azure Maps Web SDK daripada merujuk versi SDK yang dihosting di Azure Content Delivery Network. Pendekatan ini mengurangi waktu pemuatan karena SDK sudah ada di perangkat pengguna dan tidak perlu diunduh pada waktu proses.
Node.js
Modul Web SDK berikut juga didukung di Node.js:
- Modul layanan (dokumentasi | modul npm)
Menargetkan browser lama
Anda mungkin ingin menargetkan browser lama yang tidak mendukung WebGL atau yang hanya memiliki dukungan terbatas untuknya. Dalam kasus seperti itu, Anda dapat menggunakan layanan Azure Maps bersama dengan kontrol peta sumber terbuka seperti Leaflet.
Sampel Render Azure Maps in Leaflet Azure Maps menunjukkan cara merender Azure Maps Raster Tiles di kontrol peta Leaflet JS. Sampel ini menggunakan plugin sumber terbuka Azure Maps Leaflet. Untuk kode sumber untuk sampel ini, lihat Merender Azure Maps dalam kode sumber sampel Leaflet.
Untuk sampel kode lainnya menggunakan Azure Maps di Leaflet, lihat Sampel Azure Maps.
Untuk daftar plug-in kontrol peta pihak ketiga, lihat komunitas Azure Maps - Proyek sumber terbuka.
Langkah berikutnya
Pelajari selengkapnya tentang Azure Maps Web SDK: