html5指定地理位置代码

『壹』 html5怎么实现调用gps获取地理位置具体代码

1、网络复直接搜【百制度地图调用】，点击出现的第二个网站，进入这个网站即可。

『贰』 html5 导航路线效果

html5导航路线效果：

调用核心代码：

<script type="text/javascript">
//默认地理位置设置为上海市浦东新区
var x=121.48789949,y=31.24916171;
window.onload = function() {
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
document.getElementById("status").innerHTML = "HTML5 Geolocation is supported in your browser.";
// 网络地图API功能
var map = new BMap.Map("container");
var point = new BMap.Point(x,y);
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);
}
else {
alert('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
return;
}
alert("当前的浏览器不支持获取地理位置！");
};
function showPosition(position){
x=position.coords.latitude;
y=position.coords.longitude;
}
</script>
运行效果如下：