javascript - Bing map 图钉宽度设置使图钉远离 map 位置

Question

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

我面临的问题是，如果标签 (MapPoints[i].city) 文本超过 9 个字符(图钉宽度；60)，则会 chop 文本。

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

我试过不同的组合，但没有用。我想显示完整的标签，但不希望图钉离开 map 上的实际位置。

我该怎么做？

谢谢

 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(图钉);

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

Answer 1

我对 JS 的经验不是太多，但你不能只是偏移引脚使其位于正确的位置吗？