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
© 版权声明
评论 抢沙发
的头像-IT趣味分享

昵称

取消
昵称表情代码图片