Bing必应地图中国API一显示地图

Bing必应地图中国API一显示地图,第1张

Bing必应地图中国API一显示地图 (转) 做人要厚道 Bing必应地图中国API一显示地图

2011-05-24 14:27:31|  分类: Bing&Google|字号 订阅

   

微软必应地图中国地图API发布已经有10天了,考虑到网上现有的SDK不利于新手入门,我尝试着以简单易懂的方式给大家讲解一下VE API。


希望能都对那些开发不怎么熟悉的人都能够有所帮助。



首先是两个链接,大家一定要记下来:
http://msdn.microsoft.com/zh-cn/library/aa905677.aspx(中国地图的API)
http://dev.live.com/virtualearth/sdk/(全球地图API)
全球地图API是一个交互式SDK,描述的也比较全面且容易掌握,它是对中国地图API的有益补充。


虽然两个API基本上是一致的,且全球地图API包含的功能更丰富,但是我们主要还是以中国地图API为准。


因为考虑到中国的一些具体情况,有些功能不能开放。



 
下面开始第一讲的内容:显示地图。



成功显示地图是所有工作的第一步,而且也能给人很大的成就感及信心。


首先,建立一个html文件,用记事本(Notepad)打开这个文件并将下面的代码粘贴到记事本,保存文件并用IE打开html文件。


大功告成,你已经成功的开发出第一个地图应用!如果浏览器设置了禁止运行ActiveX控件,则点击浏览器上方d出的浮动栏,设置为允许运行本程序内容。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script type="text/javascript" src="http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.1"></script>
      <script type="text/javascript"> 
         var map = null;
                   
         function GetMap()
         {
            map = new VEMap('myMap');
            map.LoadMap();
         }
         
      </script>
   </head>
   <body onload="GetMap();">
      <div id='myMap' style="position:relative; width:800px; height:600px;"></div>
       <br/>
   </body>
</html>
现在我们再回头看看这段程序所包含的内容。


关于HTML的语法我就不作说明了,大家可以上网找一下。



首先是<script type="text/javascript" src="http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.1"></script>,这段代码指示了我们采用的地图控件所在的URL位置及版本。


切记不能做任何修改,除非微软官方发布新的版本或者更改URL地址。



 
然后定义了一个函数来装载地图:
         function GetMap()
         {
            map = new VEMap('myMap');
            map.LoadMap();
         }
此处调用了VEMap.LoadMap()方法。


关于LoadMap()方法的更详细的说明,参见http://msdn.microsoft.com/zh-cn/library/bb412546.aspx。


可以设置初始地图显示的中心位置、地图级别(全国、省、市)等等。



 
最后在html的body域加载GetMap函数<body onload="GetMap();">,并设置地图区域的大小<div id='myMap' style="position:relative; width:800px; height:600px;"></div>

引用:http://www.htchen.com/post/4.html

原文引入:http://zfgis.blog.163.com/blog/static/82500945201142422731897/

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/589496.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存