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控件,则点击浏览器上方弹出的浮动栏,设置为允许运行本程序内容。
<!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/

posted @ 2013-08-23 19:12  meimao5211  阅读(836)  评论(0编辑  收藏  举报