Bing Map V7과 함께 옵션이있는 압정을 추가 할 수 없음

Question

http://www.bingmapsportal.com/ISDK/AjaxV7#Pushpins4에 Bing Maps V7 Interactive SDK를 사용하여 7 개의 번호가 매겨진 압핀을 추가 할 수있었습니다.

코드가 웹 사이트에 복사되었지만 7 개의 번호가 매겨진 압핀이 표시되는 대신 압핀없이지도가 완전히 축소되었습니다. 지도를 올바르게 표시하려면 어떻게해야합니까?

<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

당신이 virtualPath 매개 변수를 정의하고이 이메일이 있습니까 : 여기

현재 위치에있는 코드는? 코드 샘플은 URL "virtualPath + '/Content/poi_custom.png'"에있는 이미지를 사용하여 압핀을 만듭니다. 자신의 이미지가있는 경우 자신의 URL로 바꿉니다. 예를 들어

:

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

Visible 속성은 기본적으로 사실, 그래서 필요가 추가 없습니다. 또한 textoffset 속성은 필요에 따라 이미지 위에 맞춤 텍스트를 배치하는 데 사용됩니다. 이것은 Microsoft.Maps.Point 개체 여야합니다. https://rbrundritt.wordpress.com/2014/10/02/correcting-anchoring-pushpins-to-the-map/