html百度地图自动定位,HTML5如何调用百度地图API地理定位

本篇教程探讨了HTML5如何调用百度地图API地理定位，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。

<

html>

HTML5 HTML5 调用百度地图API地理定位实例

window.onload = function() {

if(navigator.geolocation) {

document.getElementById("status").innerHTML = "HTML5 Geolocation is supported in your browser.";

// 百度地图API功能

var map = new BMap.Map("container");

var point = new BMap.Point(116.331398,39.897445);

map.centerAndZoom(point,12);

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(r){

if(this.getStatus() == BMAP_STATUS_SUCCESS){

var mk = new BMap.Marker(r.point);

map.addOverlay(mk);

map.panTo(r.point);

alert(‘您的位置：‘+r.point.lng+‘,‘+r.point.lat);

}

else {

alert(‘failed‘+this.getStatus());

}

},{enableHighAccuracy: true})

}

};

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！