如何更改Bing Maps圖釘的尺寸？

將寬度和高度屬性添加到PushpinOptions對象時，根據此處找到的文檔https://msdn.microsoft.com/en-us/library/gg427629.aspx，pushin拒絕使用指定的大小。相反，它似乎將其尺寸基於用於它的圖像的大小。如何更改Bing Maps圖釘的尺寸？

您可以通過添加自己試試看「的高度：50，寬度：50」在這裏： http://www.bing.com/api/maps/sdk/mapcontrol/isdk#setPushpinColor+JS

誰能告訴我什麼，我做錯了什麼？

來源

2016-09-20 Prowling Duck

顯然我已經混淆了V7的V8文檔。不支持實際調整圖釘圖像的大小。

如果你希望能夠縮放圖釘的大小，你將需要使用HTML5的畫布來渲染圖像的縮放版本

你可以找到在這裏的代碼示例： https://social.msdn.microsoft.com/Forums/en-US/909162ea-3ac5-4960-82ed-6ddf02eb6ead/alter-size-of-custom-pushpin-isnt-working?forum=bingmaps

下面是鏈接採取上述代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
    <script type='text/javascript' 
      src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap' 
      async defer></script> 
    <script type='text/javascript'> 
    function GetMap() { 
     var map = new Microsoft.Maps.Map('#myMap', { 
      credentials: 'Your Bing Maps Key' 
     }); 

     createScaledPushpin(map.getCenter(), 'images/myPushpinIcon.png', 2, function (pin) { 
      map.entities.push(pin); 
     }); 
    } 

    function createScaledPushpin(location, imgUrl, scale, callback) { 
     var img = new Image(); 
     img.onload = function() { 
      var c = document.createElement('canvas'); 
      c.width = img.width * scale; 
      c.height = img.height * scale; 

      var context = c.getContext('2d'); 

      //Draw scaled image 
      context.drawImage(img, 0, 0, c.width, c.height); 

      var pin = new Microsoft.Maps.Pushpin(location, { 
       //Generate a base64 image URL from the canvas. 
       icon: c.toDataURL(), 

       //Anchor based on the center of the image. 
       anchor: new Microsoft.Maps.Point(c.width/2, c.height/2) 
      }); 

      if (callback) { 
       callback(pin); 
      } 
     }; 

     img.src = imgUrl; 
    } 
    </script> 
</head> 
<body> 
    <div id="myMap" style=";width:600px;height:400px;"></div> 
</body> 
</html>

來源

2016-09-21 07:54:11

請檢查這一個Multiple Custom Markers with Bing Maps API

您可以指定圖釘圖像及其大小。請用您指定的寬度和高度添加px。

來源

2016-09-23 08:14:06 user6838959

在v8中無法使用 –

如何更改Bing Maps圖釘的尺寸？

回答

相關問題