微信小程序之callout自定义气泡

最新推荐文章于 2024-08-23 17:40:24 发布

极乐叔

最新推荐文章于 2024-08-23 17:40:24 发布

阅读量1.5w

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/rolan1993/article/details/82691285

版权

本文介绍了在微信小程序中自定义地图标记上的callout气泡，用于提示信息展示。通过示例代码展示了如何实现顶部气泡及监听点击事件。作者为ETL，是一位小程序社区的原创博主，分享技术博文。

摘要由CSDN通过智能技术生成

最近闲着踩踩地图的坑，一脚下去差点没从坑里爬起来，然后由于某个原因，去研究了微信小程序里面地图callout 这个属性

callout呢，是在标记的点上面显示一个气泡，作为提示用

最后展示下效果可以展示顶部气泡以及监听被点击。

废话不多说，直接上代码

wxml

<map id="map" scale="{
  {scale}}" bindcontroltap="controltap" markers="{
  {markers}}" bindmarkertap="markertap"
latitude="{
  {latitude}}" bindcallouttap = "bindcallouttap"
longitude ="{
  {longitude}}"
controls="{
  {controls}}" show-location bindregionchange="regionchange" style="width: 100%; height: {
  {view.Height}}px;"&g