Advertisement

9. 微信小程序地图小结

阅读量:

今日已完成地图资源页面的开发工作,现在回顾一下过程中遇到的一些难点。

首先,通过调用组件即可实现对腾讯地图的引用,确实如大家所想的那样简便。

组件内部包含众多属性与方法。若希望在地图上标注特定位置,建议使用“markers”标记点功能进行设置,该功能支持自定义标记点的图标样式,并且可以展示气泡信息,同时在点击图标时也能触发气泡的显示。

粉红色的框代表的是callout气泡,用户可以选择在点击时显示或始终显示;而红色部分则是label,它们均属于markers中的元素。根据目前掌握的信息,在callout中尚不支持插入图片,仅能使用字符串内容。

代码

1.map.wxml

复制代码
 <map

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

全部评论 (0)

还没有任何评论哟~