百度地图api距离计算小程序
时间: 2023-09-18 14:14:13 浏览: 57
百度地图API可以用于在小程序中进行距离计算。在使用百度地图API进行距离计算时,需要注意以下几点:
1. 数据格式:确保输入的经纬度数值正确,并与对应的坐标系一一对应。
2. 数据容量:个人账号有查询数量限制,建议一次性不要调用次数太多。
3. 坐标系:注意自己的数据是wgs84、gcj02或其他坐标系。
4. 公共交通一体化:百度地图查询公共交通路径时,一般将公交和地铁放在一起组合查询,可以得到公共交通的总出行距离,但无法得到公交和地铁各自的出行距离。
在小程序中使用百度地图API进行距离计算的示例代码如下:
```javascript
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=百度地图密钥"></script>
// 获取自身定位
var map = new BMap.Map("container");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,19);
// 获取定位
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);
console.log('您的位置:', r.point.lng, ',', r.point.lat);
} else {
console.log('failed', this.getStatus());
}
})
// 获取目标点定位
```
在wxml页面中,可以使用以下代码来实现百度地图API距离计算的功能:
```html
<button bindtap="access">获取位置</button>
<form bindsubmit="formSubmit">
<label>终点坐标: <input style="border:1px solid #000;" name="dest"></input></label>
<button form-type="submit">计算距离</button>
</form>
<view wx:for="{{distance}}" wx:key="index">
<view>起点到终点的步行距离为{{item}}米</view>
</view>
<map id="myMap" markers="{{markers}}" style="width:100%;height:300px;" longitude="{{poi.longitude}}" latitude="{{poi.latitude}}" scale='16' show-location></map>
```
以上是关于在小程序中使用百度地图API进行距离计算的一些示例代码和注意事项。希望对你有帮助!