当前位置:首页 > 新闻动态 > 网站文章

微信小程序开发之map地图实现教程

来源: 浏览:216 时间:2023-08-04

前言

微信小程序地图操作比较简单,api也很少,使用map组件来展示。说到地图,那就先来看基础定位:
文章来源地址https://www.yii666.com/blog/155803.html

wx.getLocation(OBJECT)

定位成功会返回四个参数值,如下:

map属性太多,先看一下:
网址:yii666.com文章来源地址:https://www.yii666.com/blog/155803.html

如果用到地图,基本上所有属性都会用到。

下面一一看一下,我们先看效果图吧,先看真相:


这里我只用了一个markers,就是定位当前位置的红色markers,用法如下:

这里加了circles,半径是3000米,具体的api可自行看官网。

接下来看看controls,控制层,在地图上显示控件,控件不随着地图移动,看API:

文章地址https://www.yii666.com/blog/155803.html

注意看示例图的右上角,有两个按钮,加减号,是控制地图scale的数值变化,动态缩放地图的,controls用法也很简单:网址:yii666.com<

最后我们看一张gif图:

最后上一下具体代码:

wxml:

js:

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对yii666的支持。

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图