9.微信小程序之地图小结

今天把地图资源的页面做完了，来回忆回忆一些坑。

首先，使用组件<map></map>就可以引用腾讯地图了，没错，就是辣么简单。

<map>组件中有许多的属性、方法。如果你想在地图标记某些位置，不妨使用“markers”标记点进行标记，可以自定义标记点的图标样式，还可以显示气泡，或者点击图标时显示气泡。

粉红色的框是callout气泡，可以选择点击的时候出现或者总是出现；红色的是label，它们都是markers中的。目前我所了解在callout中无法添加图片，只能是字符串。

代码

1.map.wxml

<map 
  id="map"
  longitude="108.31343"
  latitude="22.83393"
  show-location
  markers='{
  {markers}}'
  bindmarkertap="markertap"
  >
</map>

2.map.wxss

Page({
  data: {
    markers:[
      {
        iconPath: '../../../image/car.png',
        id: 1,
        longitude: 108.31733,
        latitude