uni-app使用Map地图组件微信小程序显示公司位置

当你经济独立,见过世面,你才不会纠结一个人爱不爱你

%title插图%num

唠叨一会

沉迷于游戏无法自拔,沉迷于奶茶无法自拔,沉迷到处浪找不到富婆最终破产回来水文章;水来水去发现已经没有文章内容可以发表了,之前在uni-app使用Map地图组件微信小程序显示公司位置功能好像没有提到过,难度一星

说明

1.首先在uni-app官网组件---map组件找到文档:https://uniapp.dcloud.io/component/map

2.视图部分添加代码<view class="page-section page-section-gap"> <map style="width: 100%; height: 160px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map></view>

4.js中data添加// 地图经纬度title: 'map',latitude: 39.909,longitude: 116.39742,covers: [{ latitude: 39.909, longitude: 116.39742, iconPath: '../../static/my/map.png', width:32, height:32,}]

latitude和longitude就是我们要显示地图的经度和纬度,covers就是图片坐标点和上一级保持一致,iconPath就是地图上要显示的小图标,==这玩意比较难控制

%title插图%num

坐标

获取纬度最好使用腾讯地图,至于为什么你懂的

腾讯地图坐标拾取器:https://lbs.qq.com/tool/getpoint/index.html

%title插图%num
收录:
声明:本博客所有文章除特别声明外,均采用© BY-NC-SA。转载请注明出处!
IT趣味分享 https://www.it7v.com/964
THE END
分享
二维码
打赏
海报
uni-app使用Map地图组件微信小程序显示公司位置
当你经济独立,见过世面,你才不会纠结一个人爱不爱你 唠叨一会 沉迷于游戏无法自拔,沉迷于奶茶无法自拔,沉迷到处浪找不到富婆最终破产回来水文……
<<上一篇
下一篇>>