Rumah hujung hadapan web Tutorial H5 Kedudukan HTML5 mendapat lokasi semasa dan memaparkannya pada kemahiran tutorial Baidu map_html5

Kedudukan HTML5 mendapat lokasi semasa dan memaparkannya pada kemahiran tutorial Baidu map_html5

May 16, 2016 pm 03:47 PM
html5 kedudukan Peta Baidu

Apabila membangunkan web mudah alih atau aplikasi web, apabila menggunakan API Peta Baidu, selalunya perlu mendapatkan lokasi semasa melalui kedudukan telefon mudah alih dan memaparkannya di tengah pada peta Ini memerlukan penggunaan fungsi geolokasi HTML5.

Salin kod
Kod tersebut adalah seperti berikut:

navigator.geolocation.getCurrentPosition( panggilan balik);

Setelah berjaya mendapatkan koordinat, fungsi panggil balik akan dilaksanakan; titik, aras zum, dan kemudian tambah titik pada Peta Tindanan:

Salin kod
Kod adalah seperti berikut:

var map = new BMap. Map("mapDiv");//mapDiv ialah id div tempat peta diletakkan
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl()); 15 ialah tahap zum peta, dan tahap maksimum ialah 18
var pointMarker = new BMap(point); , ini tidak mencukupi, dan hasil yang dipaparkan tidak tepat Ini kerana koordinat yang diperolehi oleh getCurrentPosition ialah Koordinat longitud dan latitud GPS, dan koordinat Peta Baidu ditukar secara khusus oleh itu, langkah penukaran koordinat diperlukan antara mendapatkan koordinat kedudukan dan memulakan peta Kaedah penukaran ini telah disediakan dalam API Baidu, dan kaedah menukar penukaran titik atau kelompok adalah Kedua-duanya disediakan: penukaran titik tunggal perlu merujuk kepada http://developer.baidu.com/ map/jsdemo/demo/convertor.js, penukaran kelompok perlu merujuk kepada http://developer.baidu.com/map/jsdemo/demo/changeMore .js, hanya yang pertama diperlukan di sini:




Salin kod
Kod adalah seperti berikut: BMap.Convertor.translate(gpsPoint, 0, panggil balik) ; //gpsPoint: koordinat sebelum penukaran, parameter kedua ialah kaedah penukaran, 0 bermakna koordinat gps ditukar kepada koordinat Baidu, fungsi panggil balik, parameter ialah koordinat baharu Klik
Kod terperinci contoh adalah seperti berikut: (ak dalam rujukan ialah kunci aplikasi)




Salin kod
kod adalah seperti berikut: "viewport" content="initial-scale=1.0, user-scalable=no" />


Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

See all articles