上一篇文章中我们就简单的学习了HTML5 地理定位,那么今天告诉大家我在项目中遇到的一个问题吧,就是怎么实现点击一个按钮就可以调到百度地图,并且获取到你当前的位置,并且导航到指定的地方去。不想看步骤的可以直接下载DEMO 下载一、获取目的地坐标打开百度地图API 鼠标点击拾取坐标 ...
上一篇文章中我们就简单的学习了HTML5 地理定位,那么今天告诉大家我在项目中遇到的一个问题吧,就是怎么实现点击一个按钮就可以调到百度地图,并且获取到你当前的位置,并且导航到指定的地方去。
不想看步骤的可以直接下载DEMO 下载
一、获取目的地坐标
打开百度地图API 鼠标点击拾取坐标网页,http://api.map.baidu.com/lbsapi/getpoint/index.html,通过先缩小再放大,定位到拾取坐标的建筑物。
以北京的朝阳公园为例,定位如下:
鼠标点击的位置就是朝阳公园的坐标:
116.488543, 39.949804 //这分别表示经度和纬度。
二、百度地图公交、驾车、步行导航
导航接口为 :
- http://api.map.baidu.com/direction //PC&Webapp服务地址
具体的参数问题请看API:
- http://developer.baidu.com/map/wiki/index.php?title=uri/api/web
示例
http://api.map.baidu.com/direction?origin=latlng:34.264642646862,108.95108518068|name:我家&destination=大雁塔&mode=driving®ion=西安&output=html&src='/images/loading.gif' data-original=yourCompanyName|yourAppName
//调起百度PC或Web地图,展示”西安市”从(lat:34.264642646862,lng:108.95108518068 )”我家”到”大雁塔”的驾车
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:JS 百度地图导航
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。