Pushpin标签可以扩展Pushpin的边界

Question

我使用Bing map的js将许多图钉放在地图上。我想给它们贴上特殊的标签。我在他们的网站上找到了代码，并做了一些小小的改动

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);

问题是，文本似乎被限制在引脚的大小上(即使我抵消了它)，所以它看起来像这样

​

​

我希望文本超出图钉的界限，例如，类似于Google‘

​

​

如果我给它一些偏移量，这样它就会出现在下面，它反而消失了。

我不想‘欺骗’，例如使引脚真的很大，透明或其他什么。

Answer 1

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

• 使用用于图像和文本的自定义HTML图钉

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

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

• 使用两个图钉来管理呈现方式不同的

第二种方法是对图像使用第一个基本的图钉，然后添加第二个自定义图钉，该图钉只有文本为htmlContent，因此您将有两个独立的图钉。如果您希望保留图像的默认选项，并且能够在不同的缩放级别上获得更好的可达性体验，则此解决方案会更好。

奖励：

我看到了另一种简单的方法，您需要指定宽度和高度(两者都是)才能设置更大的图钉表示形式。这样，您的图钉表示将更大，您还需要指定其他几个选项，包括：锚、文本和textOffset。