HTML5地理定位導航代碼可以讓網站擁有更加智能的定位功能,以便更好的開發出適合用戶的網站。
// 檢測是否支持Geolocation API if (navigator.geolocation) { // 支持,獲取位置信息 navigator.geolocation.getCurrentPosition(function (position) { // 獲取緯度、經度 var latitude = position.coords.latitude; var longitude = position.coords.longitude; // 在地圖上標記出當前位置 var map = new BMap.Map("allmap"); // 創建地圖中心點 var centerPoint = new BMap.Point(longitude, latitude); // 設置縮放比例 map.centerAndZoom(centerPoint, 17); var marker = new BMap.Marker(centerPoint); map.addOverlay(marker); }, function (error) { // 獲取位置失敗 switch (error.code) { case error.TIMEOUT: alert("獲取位置超時,請重試"); break; case error.PERMISSION_DENIED: alert("您拒絕了位置共享申請"); break; case error.POSITION_UNAVAILABLE: alert("位置信息不可用"); break; } }); } else { // 不支持 alert("您的瀏覽器不支持當前拍攝功能"); }
上面的代碼是通過Geolocation API獲取當前位置,并使用百度地圖API將位置在地圖上標記,以便用戶更加直觀的了解自己的位置。
下一篇html5地圖實例代碼