javascript - 必应 map 图钉宽度设置可将图钉从 map 位置移开

我正在使用Bing地图在世界地图上显示地图点。

我面临的问题是，如果标签（MapPoints [i] .city）文本超过9个字符（图钉宽度； 60），它将截断文本。

如果我将宽度从60增加到160。标签将完全显示，但是地图点将移动到实际位置的左侧。

我尝试了不同的组合，但无济于事。我想显示完整的标签，但不希望图钉从地图上的实际位置移开。

我怎么做？

谢谢

 img = MapPoints[i].group + '.png';
 var pushpin = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(parseFloat(MapPoints[i].lat), parseFloat(MapPoints[i].lon))
        , {
            icon: img,
            height: 50, width: 60, text: MapPoints[i].city, typeName: 'clrval'

        });

    pushpin.Title = MapPoints[i].name;
    pushpin.description = MapPoints[i].desc;
    pushpin.cityID = MapPoints[i].cityID;
    pushpin.city = MapPoints[i].city;
    pushpin.typeName = 'clr';

dataLayer.push（pushpin）;

CSS类如下

.clrval div { color: blue !important;
left: 5px !important;
text-shadow: 1px 0px white, -1px 0px white, 0px -1px white, 0px 1px white;
font: 12px arial,sans-serif !important;
}

最佳答案

我对JS不太有经验，但是您不能只偏移图钉，使其位于正确的位置吗？

关于javascript - 必应 map 图钉宽度设置可将图钉从 map 位置移开，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29261031/