我的目标是创建一个带有一些图钉的bing地图。
所以我有以下功能:
function addPushPin(pos, merchantId) {
var pin = new Microsoft.Maps.Pushpin({ latitude: pos.latitude, longitude: pos.longitude }, {
icon: 'http://.../'+merchantId+'.png'
});
map.entities.push(pin);
}
但是,bing地图似乎无法从www加载图像。 (我尝试使用本地图像,这有效)
图标网址很好。如果我复制粘贴到浏览器我可以看到图像,但我无法在我的bing地图中显示它。
任何想法为什么?我能做些什么works
?
答案 0 :(得分:0)
它应该可以正常使用URL。
要使用URL进行测试,请转到Bing Maps门户网站URL(图钉示例)
http://www.bingmapsportal.com/ISDK/AjaxV7#Pushpins2
在页面上,您将在底部看到一个示例。将图标网址替换为您自己的http网址,点击“运行”按钮,您会看到您的图钉将从您的网址加载。
实施例
map.entities.clear();
var pushpinOptions = {icon: 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-3875d7/shapecolor-white/shadow-1/border-color/symbolstyle-color/symbolshadowstyle-no/gradient-no/exchequer.png', width: 30, height: 50};
var pushpin= new Microsoft.Maps.Pushpin(map.getCenter(), pushpinOptions);
map.entities.push(pushpin);