图钉标签可以扩展图钉的边界

Question

我使用Bing Map的js API在地图上删除了许多图钉。我想用特别的东西来标记它们。 我已经从他们的网站上找到了如何做到这一点的代码并进行了一些细微的修改

var pushpin = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(lat - (latDiff * Math.random()), lon + (lonDiff * Math.random())), { text: 'Pushpin 278'});

map.entities.push(pushpin);

问题是文本似乎仅限于引脚的大小（即使我将其偏移） - 所以它看起来像这样

我希望文本超出图钉的范围，例如类似于谷歌地图＆＃39;

如果我给它一定量的偏移量，使其显示在那里，它就会消失。

我不想欺骗＆＃39;例如使引脚真正大而透明或其他什么。

Answer 1

你有两个解决方案可以做你想做的事。

• 为图片和文字使用自定义HTML图钉

第一个解决方案是使用htmlContent属性并创建自己的HTML图钉内容。

请参阅：http://msdn.microsoft.com/en-us/library/gg427629.aspx

• 使用两个图钉来管理不同的渲染

第二个是为图像使用第一个基本图钉，然后你添加第二个自定义图钉，只有文本作为htmlContent，所以你将有两个单独的图钉。 如果您想保留图像的默认选项并且能够在各种缩放级别获得更好的可读性体验，则此解决方案会更好。

加成：

我看到另一种简单方法，你需要指定宽度和高度（两者都能）来设置更大的图钉表示。这样，您的图钉表示将更大，您还需要指定其他几个选项，包括：anchor, text and textOffset。