微信小程序 地图map详解及简单实例

微信小程序 地图map详解及简单实例

微信小程序 地图map

微信小程序map

地图

属性名

类型

默认值

说明

longitude

Number

中心经度

latitude

Number

中心纬度

scale

Number

1

缩放级别

markers

Array

标记点

covers

Array

覆盖物

标记点

标记点用于在地图上显示标记的位置，不能自定义图标和样式

属性

说明

类型

必填

备注

latitude

纬度

Number

是

浮点数，范围 -90 ~ 90

longitude

经度

Number

是

浮点数，范围 -180 ~ 180

name

标注点名

String

是

desc

标注点详细描述

String

否

覆盖物

覆盖物用于在地图上显示自定义图标，可自定义图标和样式

属性

说明

类型

必填

备注

latitude

纬度

Number

是

浮点数，范围 -90 ~ 90

longitude

经度

Number

是

浮点数，范围 -180 ~ 180

iconPath

显示的图标

String

是

项目目录下的图片路径，支持相对路径写法

rotate

旋转角度

Number

否

顺时针旋转的角度，范围 0 ~ 360，默认为 0

地图组件的经纬度必填, 如果不填经纬度则默认值是北京的经纬度。

标记点markers只能在初始化的时候设置，不支持动态更新。

示例：

style="width: 375px; height: 200px;">

style="width: 375px; height: 200px;">

// map.js

Page({

data: {

markers: [{

latitude: 23.099994,

longitude: 113.324520,

name: 'T.I.T 创意园',

desc: '我现在的位置'

}],

covers: [{

latitude: 23.099794,

longitude: 113.324520,

icaonPath: '../images/car.png',

rotate: 10

}, {

latitude: 23.099298,

longitude: 113.324129,

iconPath: '../images/car.png',

rotate: 90

}]

}

})

Bug & Tip

tip: 请勿在 scroll-view 中使用 map 组件

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！http://

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。