百度地图html5获取坐标定位步行导航 - js api

最新推荐文章于 2022-08-10 11:37:14 发布

weixin_34310785

最新推荐文章于 2022-08-10 11:37:14 发布

阅读量274

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/thisky/blog/180947

版权

<!-- lang: html -->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=hV4eDRSkdV1T0ag92gTa6t4D"></script>
</head>
 
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");          // 创建地图实例

var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){

        map.centerAndZoom(r.point, 15);
		var point2 = new BMap.Point(119.30764,26.055601)
		var walking = new BMap.WalkingRoute(map, {renderOptions:{map: map, autoViewport: true}});
		walking.search(r.point, point2);

    } else {
        alert('获取位置失败~');
    }
},{enableHighAccuracy: true});
</script>
</body>
</html>

转载于:https://my.oschina.net/thisky/blog/180947