Question

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Drawing Tools Sample</title>

  <!-- Bing Map Control references -->
  <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

  <script type="text/javascript">
    function GetMap() {

      map = new Microsoft.Maps.Map(document.getElementById("myMap"), {
        credentials: "",
        zoom: 17,
        center: new Microsoft.Maps.Location(47.592, -122.332)
      });

      var infoboxOptions = {
        width: 200,
        height: 100,
        showCloseButton: true,
        zIndex: 0,
        offset: new Microsoft.Maps.Point(10, 0),
        showPointer: true
      };
      var defaultInfobox = new Microsoft.Maps.Infobox(map.getCenter(), infoboxOptions);
      map.entities.push(defaultInfobox);
      defaultInfobox.setHtmlContent('<div>MY TEXT <input type="text"></div>');
    }
  </script>
</head>

<body onload="GetMap()">
  <div style="position:relative;width:250px;height:150px;float:left;">
    <div id="myMap" style="position:relative; width:600px;height:200px;"></div>

  </div>
</body>

</html>

＆＃13;

我正在寻找将自定义Html元素（例如textbox，textarea）添加到bing map图钉，因此它可以在放置时进行编辑。问题是可以使用文本框或文本区放置推针，但它不能编辑。

Answer 1

这是默认信息框类的限制。您可以使用此处的自定义信息框模块解决此问题：https://bingmapsv7modules.codeplex.com/wikipage?title=Custom%20Infobox%20Control

如何在bing map上设置可编辑的图钉？

1 个答案: