bing-maps - 如何在 bingmaps ajax 中设置文本格式或更改图钉内的字体大小

Question

我使用以下代码创建了图钉

var pin = new Microsoft.Maps.Pushpin(data._LatLong, {
        icon: 'images/pushpin.png',        
        text: '1',
        typeName: 'pushpinStyle'
    });

默认情况下，图钉图标中显示的文本位于图标顶部下方 5 像素处。我更改了图钉图标的高度和宽度，但图钉内的文本格式没有改进。如何设置图钉内文本的格式。

我用谷歌搜索了很多，但没有得到正确的答复。提前致谢

Answer 1

您在为图钉指定 typeName 属性方面是正确的。您可能已经知道，指定 typeName 为 pushpinStyle将导致创建的图钉具有 pushpinStyle 类。如果您在 map 上检查 Pushpin 生成的 html，您将看到 Pushpin 文本是由绝对定位的子项 <div> 实现的。图钉内 <div> 。因此，合乎逻辑的做法是使用 css 进一步设置图钉文本 <div> 的样式。 。例如，您可以执行以下操作:

.pushpinStyle div{
    color: black !important; /*Make Pushpin text black*/
    left: 5px !important;  /*Since Pushpin text is absolutely positioned, this will cause the text to be 5 pixels from the left instead of 0 pixels */
    text-shadow: 1px 0px white, -1px 0px white, 0px -1px white, 0px 1px white;  /*Give the text all around white text shadow so it looks nice on browsers that support it*/
    font: 12px arial,sans-serif; !important // override default fonts 
}

这将导致图钉文本 <div>才能拥有以上的款式。当然，您可以添加自己的样式来适合您的应用程序。