如何在任何HTML页面中显示bing地图？

Bing有一些他们称之为“AJAX控件”，可以动态地将生成的地图嵌入到任何网页中。有an online interactive demo for the control。如何在任何HTML页面中显示bing地图？

如何使用此控件？

来源

2011-08-17 Cheeso

您的意思是“我如何在任何html页面显示bing *地图？” ？ –

http://msdn.microsoft.com/en-us/library/gg427610.aspx –

@nadir，是的，我有。排字错误 – Cheeso

请参阅the demonstration。

enter image description here

有可在
http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0

一个JavaScript类库，你需要把它列入到您的网页是这样的：

<script type="text/javascript" 
      src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

再从这样的JavaScript中调用它：

var map = new Microsoft.Maps.Map(document.getElementById('SDKmap'), 
           {credentials: 'Your Bing Maps Key'});

要获取bing地图密钥，请转至this page。

您需要与ID的DIV在你的HTML页面，它应该具有一定尺寸和样式的位置是：相对：

<div id="SDKmap" style="position:relative; height:400px; width:400px">

然后，您可以添加信息框和图钉到该地图。

我还内置一个JavaScript帮手，可以提取自定义属性形成的div元素，并生成地图给你，完整的图钉和InfoBoxes到。像这样：

<div id='map3' 
     class='map' 
     data-mapdata='center: 42.3 -78.0; zoom:7;pushpin:42.323 -78.80; pushpin:42.93 -77.189; pushpin: 41.13 -78.389'></div>

然后的JavaScript：

 bingMap.displayMap("map3");

包含辅助类的JS模块是最的jsfiddle链接。

来源

2011-08-18 00:01:35 Cheeso

您提到的链接本身有一个查看HTML按钮，您可以点击它并抓取代码以显示在任何网页上。像下面一样（我从你的链接中获得）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
    <head> 
     <title>Map with valid credentials</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
     <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script> 
     <script type="text/javascript"> 
     var map = null; 

     function getMap() 
     { 
      map = new Microsoft.Maps.Map(document.getElementById('myMap'), {credentials: 'Your Bing Maps Key'}); 
     } 
     </script> 
    </head> 
    <body onload="getMap();"> 
     <div id='myMap' style="position:relative; width:400px; height:400px;"></div> 
    </body> 
</html>

来源

2011-08-18 00:03:10 Zubair1

有很多JavaScript？看看有充足文件的http://www.bingmapsportal.com/网站。

还有很多其他方法可以在网站中嵌入动态地图 - 请参阅GIS.stackexchange.com的comparison of JavaScript mapping libraries。如果您有更具体的问题，我们很乐意在GIS.se帮助。

来源

2011-08-18 00:04:55 Patrick

如何在任何HTML页面中显示bing地图？

回答

相关问题