uni-app 之地图 map

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app 之地图 map相关的知识,希望对你有一定的参考价值。

参考技术A longitude: 经度
latitude: 纬度
scale: 缩放级别,也就是说放大缩下的程度,取值范围是5-18,默认的是16 ,他就是呢值数越大,放大程度越大,看的越细,看村庄的那种
markers: 标记点 就是说你在地图上标记出来的东西
polyline: 路线 可以写两个标记点 然后用路线将他们连接起来
circle: 圆 就是说在地图上画个圈?
controls: 控件 他就是说那 在地图上显示一个控件,但是这个控件并不随着地图移动
include-points: 缩放视野以包含所有的坐标点 这就是说你坐标点很多的时候,缩小时可以看到全部
show-location: 显示带有方向的当前定位点

注意:当时说想做成那种地图上面带有div的 就是说地图上面可以显示门店位置。门店名称的那种,我当时用定位在网页上实现的,但是一到手机上运行的时候,发现显示不出来,后来我仔细看了一下,那个map组件享有最高的优先级,

你用定位之类,根本就实现不了,后来我发现了一个叫<cover-image> 和 <cover-view > 他是可以覆盖在原生组件上的文本视图 但是也有注意点它不支持的css:

position: fixed
opacity
overflow
padding
linebreak
white-space
另外还有: 在APP端它不支持嵌套其他组件,也不支持本身组件的嵌套,app现在<cover-view>只可以不该原生组件video和map, 一定要注意

以上是关于uni-app 之地图 map的主要内容,如果未能解决你的问题,请参考以下文章

uni-app使用腾讯地图(三)

uni-app打开地图及打开权限设置

uni-app调用第三方地图并导航

uni-app开发微信小程序使用腾讯地图选点和城市选择器插件

uni-app开发微信小程序使用腾讯地图选点和城市选择器插件

uni-app 实现搜索关键词高亮效果