加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序开发了地图功能实战教程

2019-07-31 09:25:49 来源:沈阳小程序开发 作者:沈阳软件开发

微信小程序地图功能(地图)实战教程。本文主要介绍微信小程序中的地图模块相关功能。

21708-1P601152R03R.png

基本使用

地图组件也非常易于使用。

.wxml

除了显示基本地图外,您还可以向地图添加标记 - 标签,折线多段线,圆圈,控件控件。

markersdata: { // markers: [{ iconPath: "../../img/marker_red.png", id: 0, latitude: 40.002607, longitude: 116.487847, width: 35, height: 45 }], ... //省略代码 }

在数据中定义标记变量以表示叠加

然后可以引入地图控件:

polyline

data: {//polyline: [{points: [{longitude:'116.481451',纬度: '40 .006822'},{经度:'116.487847',纬度: '40 .002607'},{经度:'116.496507',纬度: '40 .006103'}],颜色:'#FF0000DD',宽度: 3,dottedLine: true}], //省略代码}

circles

数据: {//圆圈: [{纬度: '40 .007153 < 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。