Virtual Earth中国API入门讲座之一：显示地图

1 view
Skip to first unread message

TNGmail

unread,
Oct 21, 2009, 3:28:55 AM10/21/09
to TNl论坛

Virtual Earth中国API入门讲座之一：显示地图

微软Virtual Earth中国地图API发布已经有10天了，考虑到网上现有的SDK不利于新手入门，我尝试着以简单易懂的方式给大家讲解一下VE 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>
Reply all
Reply to author
Forward
0 new messages