手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >微信小程序 wxapp地图 map详解
微信小程序 wxapp地图 map详解
摘要:微信小程序wxapp地图map:map属性名类型默认值说明longitudeNumber中心经度latitudeNumber中心纬度scal...

微信小程序 wxapp地图 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只能在初始化的时候设置,不支持动态更新。

示例:

<> <map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}"></map> // 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 }] } })

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

【微信小程序 wxapp地图 map详解】相关文章:

打印/预览/设置的客户端代码

Jquery注册事件实现方法

nodejs修复ipa处理过的png图片

AngularJS的内置过滤器详解

JavaScript中的splice()方法使用详解

jQuery实现表格行上下移动和置顶效果

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

document.all还是document.getElementsByName?

jQuery插件zepto.js简单实现tab切换

农历与西历对照

精品推荐
分类导航