Невозможно добавить Pushpins с параметрами с Bing Map V7

Question

Я смог добавить семь пронумерованных кнопок, используя Bing Maps V7 Interactive SDK по адресу http://www.bingmapsportal.com/ISDK/AjaxV7#Pushpins4.

Код был скопирован на наш сайт, но вместо того, чтобы показывать семь пронумерованных штампов, карта была полностью вычеркнута без кнопок. Как правильно отобразить карту?

Вот код, который в настоящее время на месте:

<script type="text/javascript"> 
    var map = null; 

    function getMap() 
    { 
    map = new Microsoft.Maps.Map(document.getElementById('myMap'), {credentials: 'MyCredentialString'}); 
    } 

    function addPushpinWithOptions() 
    { 
    map.entities.clear(); 
    var offset = new Microsoft.Maps.Point(0, 5); 
    var pushpinOptions = {icon: virtualPath + '/Content/poi_custom.png', text : '1', visible: true, textOffset: offset}; 
    var pushpin= new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(39.597619, -104.803023), pushpinOptions); 
    var pushpinOptions2 = {icon: virtualPath + '/Content/poi_custom.png', text : '2', visible: true, textOffset: offset}; 
    var pushpin2= new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(38.835701,-104.823429), pushpinOptions2); 
    var pushpinOptions3 = {icon: virtualPath + '/Content/poi_custom.png', text : '3', visible: true, textOffset: offset}; 
    var pushpin3= new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(39.686367, -104.942632), pushpinOptions3); 
    var pushpinOptions4 = {icon: virtualPath + '/Content/poi_custom.png', text : '4', visible: true, textOffset: offset}; 
    var pushpin4= new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(40.525520,-105.026337), pushpinOptions4); 
    var pushpinOptions5 = {icon: virtualPath + '/Content/poi_custom.png', text : '5', visible: true, textOffset: offset}; 
    var pushpin5= new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(39.710943,-105.085228), pushpinOptions5); 
    var pushpinOptions6 = {icon: virtualPath + '/Content/poi_custom.png', text : '6', visible: true, textOffset: offset}; 
    var pushpin6= new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(39.535295,-104.882056), pushpinOptions6); 
    var pushpinOptions7 = {icon: virtualPath + '/Content/poi_custom.png', text : '7', visible: true, textOffset: offset}; 
    var pushpin7= new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(39.964544,-105.163545), pushpinOptions7); 
    map.setView({center: new Microsoft.Maps.Location(39.786367, -105.142632), zoom: 8}); 
    map.entities.push(pushpin); 
    map.entities.push(pushpin2); 
    map.entities.push(pushpin3); 
    map.entities.push(pushpin4); 
    map.entities.push(pushpin5); 
    map.entities.push(pushpin6); 
    map.entities.push(pushpin7); 
    } 
    </script> 

Answer 1

ли вы определить параметр виртуальный_путь и иметь электронную почту там? Образец кода создает pushpin, используя изображение, которое находится по адресу URL «virtualPath +» /Content/poi_custom.png ». Если у вас есть собственное изображение, замените его собственным URL.

Например:

var pushpinOptions = { 
    icon: 'images/myImage.png', 
    text : '1', 
    textOffset: offset 
}; 

Видимое свойство истинно по умолчанию, поэтому нет необходимости добавлять что. Кроме того, свойство textoffset используется для размещения пользовательского текста по изображению по мере необходимости. Это должен быть объект Microsoft.Maps.Point.

Например:

var offset = new Microsoft.Maps.Point(10,20); 

Вы можете также найти этот блог полезен, когда дело доходит до размещения пользовательских канцелярской кнопки иконки: https://rbrundritt.wordpress.com/2014/10/02/correcting-anchoring-pushpins-to-the-map/