HTML5 menyediakan API informasi lokasi geografis, dan memperoleh lokasi pengguna saat ini melalui browser. Berdasarkan fitur ini, Anda dapat mengembangkan aplikasi layanan berbasis posisi. Sebelum mendapatkan informasi lokasi geografis, Browser Pertama akan bertanya kepada pengguna apakah mereka bersedia berbagi informasi lokasi mereka, dan mereka hanya dapat menggunakannya setelah persetujuan pengguna.
HTML5 Mendapatkan informasi lokasi geografis disediakan oleh API geolokasi, menggunakan metode GetCurrentPosition -nya.
Demo berikut menunjukkan informasi lokasi geografis melalui geologi dan menampilkan posisi saat ini pada peta Baidu (dengan memanggil Baidu Map API). Hasil percobaan menemukan bahwa lokasi diposisikan di pintu masuk East Road di kota universitas.
Kode ini ditampilkan di bawah ini (di mana file konversi koordinat yang disediakan oleh ConverTor.js untuk peta Baidu):
<! /skrip> <type script = text/javascript src = convertor.js> </head> </head> <body> style peta = widthle: 600px; /JavaScript> if (window.navigator.geolocation) {var options = {enableHighacuracy: true,}; (Posity) {// Dapatkan posisi lintang dan bujur saat ini BAIDU MAP API Display Var Map = BMAP.MAP baru (MAP); = Bmap.marker baru (titik);File Convertor.js:
(Function () {// Fungsi penutupan load_script (xyurl, callback) {var head = document.geteLementsbyTagname ('head') [0]; eelement ('skrip'); skrip.type = 'text/javascript'; skrip. src = xyurl; // dipinjam dari skrip jQuery silang -domain Metode script.onload = script.onreadystatechaange = function () {if (! this.readystate || t his.readystate === LOADED || this.readystate == Lengkap ) {Callback && callback (); dari AppendChild untuk menghindari bug IE6. var xyurl = http://api.map.baidu.com/ag/coord/convert?from= + type + & to = 4 & x = + point.lng + & y = + point.lat + & callback = bmap .Convertor. + CallbackName; );Di atas adalah semua isi artikel ini.