使用uni中的map组件,想要将多个点同时展现在map上,避免会用再去缩放,map的scale值也是可以自动缩放的;
查了文档有提到include-points 参数,说是参数为point的数组;
我代码如下:
html
<view class="uni-common-mt">
<map class="map" :markers="markers" :polyline="polyline" :include-points="points" id="map"></map>
</view>
js部分
data() {
return {
title: 'map',
latitude: 39.909,
longitude: 116.39742,
markers: [{
title:'我在哪,我在哪',
latitude: 39.9085,
longitude: 116.39747,
iconPath: '../../static/img/location.png',
}, {
latitude: 39.917423,
longitude: 116.39452,
iconPath: '../../static/img/gift.png',
title:'故宫',
}],
polyline:[
{
'points':[{latitude: 39.9085, longitude: 116.39747},{latitude: 39.90, longitude: 116.39},{latitude: 39.9123, longitude: 116.384},{latitude: 39.917423, longitude: 116.39452}],
color:'#ec991d ',
width:8,
borderWidth:8,
borderColor:'#e27517'
}],
points:[
{latitude: 39.9085, longitude: 116.39747},{latitude: 39.90, longitude: 116.39}
]
}
},
但是不起作用,map不会自调整缩放大小来显示全部的点,,,,请教下大神 怎么破???
5 个回复
1***@163.com
请问解决了吗?也遇到了,不知道怎么解决
DCloud_uni-ad_HDX
看文档,app-vue平台暂不支持
z***@163.com
请问什么时候能支持一下
2019-12-23 16:50
DCloud_uni-ad_HDX
回复 z***@163.com: app-nvue 支持
2020-04-30 14:56
z***@126.com - 远の山
请问大V,我也是这个问题,我注意到了app平台暂不支持, 但是文档说,mapContext 对象有一个includePoints 方法, 其他的getScale方法都行,但是 includePoints 方法 我试验也是不行。请指点一下。
DCloud_uni-ad_HDX
nvue map 支持 参考代码 https://github.com/dcloudio/hello-uniapp/tree/master/pages/API/map
2019-12-24 10:27
1***@qq.com
回复 DCloud_uni-ad_HDX: 我用这个测试了,有的可以有的不可以,是怎么回事呢
2020-04-29 22:34
DCloud_uni-ad_HDX
回复 1***@qq.com: 运行到哪个平台?
2020-04-30 14:56
1***@qq.com
回复 DCloud_uni-ad_HDX: 手机上,用的也是nvue
2020-04-30 17:37
DCloud_uni-ad_HDX
回复 1***@qq.com: 请提供一个简单工程
2020-05-06 16:17
9***@qq.com
nvue页面,同,组件使用includePoints属性没有缩放到点都展示,使用API includePoints提示Can not find
map
__ERRORh***@hompe.com.cn - yangguang
this.mapCtx.includePoints({
points: this.covers,
padding:[80,80,80,80],
success: (res) => {
util.print('includePoints', res);
},
fail: (err) => {
util.print('includePoints', err);
}
})
美少女
这个在app端有用吗
2023-06-07 13:02
谭小谭
nvue页面一直走fail,好难受
2023-06-21 11:14