微信小程序-地图组件(map)的使用

• 在微信开发文档给出的信息来看，它使用的是高德地图的api。
• 我们来到高德地图的官方坐标拾取器界面，得到示例坐标。

我们在组件中放上map组件，这里提及一下，两个官方要求的注意点：

1. 请注意原生组件使用限制。
2. tip: map 组件使用的经纬度是火星坐标系，调用 wx.getLocation 接口需要指定 type 为 gcj02。

 wxml文件

longitude：中心点经度，Number类型

latitude：中心点纬度，Number类型

scale：缩放级别，取值范围5-18

markers：标记点，js文件定义，包含经纬度等属性

style：组件样式

js文件 

Page({data: {markers: [{iconPath: "http://webapi.amap.com/theme/v1.3/markers/b/mark_bs.png",id: 0,longitude: 120.640509,latitude: 31.304899,width: 19,height: 33}]}
})

iconPath：标记图标路径

id：标记点id，建议每个标记点一个

longitude：经度

latitude：纬度

width：宽度

height：高度

还可以设置其他属性，见官方参考文档https://developers.weixin.qq.com/miniprogram/dev/component/map.html#map

效果图：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！