如何在Bing maps v7上创建自定义图钉

时间:2011-05-25 11:40:25

标签: javascript bing-maps

有人可以告诉我如何自定义Bing地图版本7.0的引脚吗?我正在尝试从具有自定义图标的版本6进行升级,但我无法在任何地方找到如何使用版本7执行此操作。到目前为止,我有以下代码。

非常感谢,

var map = null; 
var pinInfobox = null;

function GetMap()
{
    map = new Microsoft.Maps.Map(document.getElementById("myMap"), {
    credentials: "xxx",
    height: 236,
    width: 269,
    enableClickableLogo: false,
    enableSearchLogo: false,
    mapTypeId: Microsoft.Maps.MapTypeId.road,
    showDashboard: false});


    var loc = new Microsoft.Maps.Location(47.592, -122.332);
    var pin = new Microsoft.Maps.Pushpin(loc);
    map.entities.push(pin);
    map.setView({ center: loc, zoom: 6 });
}

2 个答案:

答案 0 :(得分:3)

查看参考文档,其中包含用于设置自定义图标的“图标”选项

http://msdn.microsoft.com/en-us/library/gg427629.aspx

答案 1 :(得分:2)

有一个非常好的网站记录了如何进行这种精确的操作。

http://www.bingmapsportal.com/isdk/ajaxv7#Pushpins2

以下是该网站的JavaScript,说明了如何操作:

map.entities.clear(); 
var pushpinOptions = {icon: virtualPath + '/Content/SpaceNeedle.jpg', width: 30, height: 50}; 
var pushpin= new Microsoft.Maps.Pushpin(map.getCenter(), pushpinOptions);
map.entities.push(pushpin);