微信小程序自带地图_微信小程序开发之之地图功能(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

}],

... //省略代码

}

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


版权声明:本文为weixin_39607447原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。