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

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

唠叨一会

沉迷于游戏无法自拔，沉迷于奶茶无法自拔，沉迷到处浪找不到富婆最终破产回来水文章；水来水去发现已经没有文章内容可以发表了，之前在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就是地图上要显示的小图标，==这玩意比较难控制

坐标

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

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