收藏
回答

地图使用自定义气泡customCallout点位效果实现?

请问如上图的点位效果要如何实现?

水滴中间的图片是店铺logo。



由于水滴中间的图片是logo 是每个点位都不同的,所以整个水滴就不能是一整张图片了,就不能用iconPath了。

所以我想的是整个点位(包括水滴和上面的气泡)都用customCallout实现(红框),iconPath就设置一张和水滴尺寸相同的全透明的png图片(黑框),如下图:

然后设置customCallout的anchorY属性,使customCallout向下偏移盖住iconPath,如下图:

这样会出现一个问题,就是customCallout会很大,点击区域是整个红框部分,而我希望用户只能点击水滴(黑框部分)。

然后我想到了用css把customCallout宽高设置为水滴的宽高(把红框设置为和黑框一样大小),然后用position:absolute;把文字部分移动到水滴上方,但是customCallout好像有一个溢出隐藏overflow:hidden, 这时候文字就超出黑框而不显示了,这个customCallout的溢出隐藏无法去除,如下帖

https://developers.weixin.qq.com/community/develop/doc/000e8247a247e0fff2c0e12b966800?jumpto=reply&parent_commentid=00020afbc781d07002d0caf3961c&commentid=00082c00c10f981101d0949f961c

最后一次编辑于  2023-12-23
回答关注问题邀请回答
收藏
登录 后发表内容