请问如上图的点位效果要如何实现?
水滴中间的图片是店铺logo。
由于水滴中间的图片是logo 是每个点位都不同的,所以整个水滴就不能是一整张图片了,就不能用iconPath了。
所以我想的是整个点位(包括水滴和上面的气泡)都用customCallout实现(红框),iconPath就设置一张和水滴尺寸相同的全透明的png图片(黑框),如下图:
然后设置customCallout的anchorY属性,使customCallout向下偏移盖住iconPath,如下图:
这样会出现一个问题,就是customCallout会很大,点击区域是整个红框部分,而我希望用户只能点击水滴(黑框部分)。
然后我想到了用css把customCallout宽高设置为水滴的宽高(把红框设置为和黑框一样大小),然后用position:absolute;把文字部分移动到水滴上方,但是customCallout好像有一个溢出隐藏overflow:hidden, 这时候文字就超出黑框而不显示了,这个customCallout的溢出隐藏无法去除,如下帖