2016-03-21 66 views
0

如何在冰箭地圖上設置可編輯的圖釘?

<!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>

我期待添加自定義的HTML元素,如文本框,文本區域到Bing地圖圖釘因此它可以編輯,當它放置。 問題是可以將文本框或文本區的推針放置,但不能編輯。

回答

相關問題