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地图组件微信小程序显示公司位置 2

分享到 :
相关推荐

星宿UI V0.1-微信小程序:wordprss开源小程序支持激励视频流量主

看清了很多人,却不能随意拆穿;讨厌着很多人,却又不能轻易翻脸。有时候,生活就是要逼自...

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

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

星尘UI 微信小程序开发_让wordpress只搜文章标题

有一个民谣青年曾说:最单纯的喜欢就是,就算你拒绝了我,我对你也永远没有埋怨。但我不会...

腾讯课堂uni-app商业级应用实战百度云网盘

uni-app是一个使用Vue.js 开发所有前端应用的框架,开发者编写一套代码,可...

发表评论

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