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

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

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

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就是地图上要显示的小图标,==这玩意比较难控制

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

坐标

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

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

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

 

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

分享到 :
相关推荐

新手uni-app引入css3动画Animate.css库

新手uni-app引入css3动画Animate.css库,animate.css是...

微信小程序二级界面没有返回上一级只有返回主页

有时候人就是这样,遇到再大的事自己扛忍忍就过去了,听到身旁的人一句安慰就瞬间完败。后...

uni星茫V3.1wordpress小程序开源支持留言收藏消息订阅

可惜遇见你时,太年轻,我双拳犹空,涉世尚浅,还以为时间漫长,此情可待,你却寂寂无声,...

新手uni-app判断接口数据显示数据或者缺省页

“在你之前,我没有一件像样的心事。”“在你之后,我没有拿得出手的痛苦”唠叨一会[&h...

发表评论

邮箱地址不会被公开。 必填项已用*标注