300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信小程序自带地图_微信小程序开发之之地图功能(map)

微信小程序自带地图_微信小程序开发之之地图功能(map)

时间:2019-11-18 12:22:35

相关推荐

微信小程序自带地图_微信小程序开发之之地图功能(map)

本文将带你了解微信小程序开发之之地图功能(map),希望本文对大家学微信有所帮助。

主要介绍微信小程序中的地图模块相关功能。基本使用地图组件使用起来也很简单。.wxml

1212参数列表及说明如下:除了显示基本地图,还可以在地图上添加markers–标注,polyline–折线,circles–圆形,controls–控件。markersdata: {

//

markers: [{

iconPath: "../../img/marker_red.png",

id: 0,

latitude: 40.002607,

longitude: 116.487847,

width: 35,

height: 45

}],

... //省略代码

}在data中定义markers变量来表示覆盖物然后map控件引入即可:

1212效果如下:polyline

data: {

//

polyline: [{

points: [{

longitude: '116.481451',

latitude: '40.006822'

}, {

longitude: '116.487847',

latitude: '40.002607'

}, {

longitude: '116.496507',

latitude: '40.006103'

}],

color: "#FF0000DD",

width: 3,

dottedLine: true

}],

... //省略代码

}

11circles

data: {

//

circles: [{

latitude: '40.007153',

longitude: '116.491081',

color: '#FF0000DD',

fillColor: '#7cb5ec88',

radius: 400,

strokeWidth: 2

}],

... //省略代码

}

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。