如何在此处移动地图信息气泡尾巴的位置

时间:2019-08-08 18:53:15

标签: javascript here-api

我正在尝试在我的几个应用程序中将Google Maps API替换为HERE Maps API(3.1)。我正在努力的一件事是定位信息气泡。我已经弄清楚了如何使用CSS代码段将信息气泡尾巴锚定在标记图标的顶部而不是底部,例如(根据所用图标图像的大小调整像素值):

.H_ib {margin-top:-38px;}

这很好。现在,我正在努力使之成为气泡底部,而不是在右侧。

这是当前的样子:

current behavior

这是我想要实现的(屏幕快照是google地图的默认设置,该默认设置为我希望在此工作的方式):

desired behavior

我已经仔细阅读了文档以及SO,但无法弄清楚该怎么做。我尝试过使用CSS重新定位,但是尾巴没有固定在标记图标上。

任何帮助将不胜感激。非常感谢您。

1 个答案:

答案 0 :(得分:0)

中的

margin-right 。H_ib_body将调整气泡信息正文的位置。

例如

.H_ib_body {margin-right: -3em;}

我希望有帮助。