我正在尝试使用Bing maps v7 JS API解决问题。我的问题是我需要一个自定义的标注或气泡,其中喙指向一个特定的位置(纬度/经度),而气泡部分包含2-4条描述该点的短文本。气泡部分应该是可移动的(以及其中的文本)。
我们首先尝试使用图钉和信息框。这根据需要起作用,但在美学上并不令人愉悦。它是在可以移动图钉并随后显示信息框的地方创建的。在图钉移动后标记图钉原始位置的唯一选择是将折线从图钉尖端延伸到原始点。在查看地图时,这实际上并不直观,因为实际位置不在推针处,而是在将图钉连接到原始位置的折线的末端。此外,每个点使用了3个不同的对象,这些对象减损了地图的呈现。
现在,或者,我创建了一个类似于标注的多边形,其泡泡部分可以移动,同时保持喙指向所需的位置(这也是一个要求)。我无法弄清楚如何在多边形内放置文本。用多边形移动这个文本将是下一个障碍,但是我很确定一旦我弄清楚如何放置它就可以处理。文本需要是白色,具有透明背景,以便它出现并且多边形是一个。
在此应用程序中,将有3-8个这样的标注。每个人都可以重新定位他们的气泡,这样他们就可以全部适合屏幕视图。
如何使用v7 JS API在多边形内放置文本?
谢谢!
任何想法