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/

Bing必应地图中国API一显示地图 (转) 做人要厚道的更多相关文章

  1. Bing必应地图中国API入门讲座之八：显示驾车路线

    Bing必应地图中国API入门讲座之八:显示驾车路线 2011-05-24 14:47:36|  分类: Bing&Google|字号 订阅     这篇文章非常值得纪念,因为我是在Googl ...

  2. Bing必应地图中国API - 添加实时交通信息

    Bing必应地图中国API - 添加实时交通信息 2011-05-24 14:44:58|  分类: Bing&Google|字号 订阅     2009年4月23日,微软必应地图中国API新 ...

  3. Bing必应地图中国API - 在地图上画圆

    Bing必应地图中国API - 在地图上画圆 2011-05-24 14:49:37|  分类: Bing&Google|字号 订阅     <变形金刚2>上映4日国内票房过亿,基 ...

  4. Google地图接口API之Google地图 API 参考手册(七)

    Google 地图API 参考手册 地图 构造函数/对象 描述 Map() 在指定的 HTML 容器中创建新的地图,该容器通常是一个DIV元素. 叠加层 构造函数/对象 描述 Marker 创建一个标 ...

  5. Bing必应地图中国API-画线与添加多边形

    Bing必应地图中国API-画线与添加多边形 2011-05-24 14:31:20|  分类: Bing&Google|字号 订阅     在必应地图上画线的功能应用也很广泛:显示从出发地到 ...

  6. Bing必应地图中国API-显示兴趣点 （转）

    Bing必应地图中国API-显示兴趣点 2011-05-24 14:29:55|  分类: Bing&Google|字号 订阅     在地图上显示一个兴趣点,这个应用可以说是最简单但是最广泛 ...

  7. Bing必应地图中国API-放大与平移

    Bing必应地图中国API-放大与平移 2011-05-24 14:26:32|  分类: Bing&Google|字号 订阅     有些时候我们不希望通过默认的控制栏来控制地图,而是希望能 ...

  8. 百度地图API二：根据标注点坐标范围计算显示缩放级别zoom自适应显示地图

    原文:百度地图API二:根据标注点坐标范围计算显示缩放级别zoom自适应显示地图 版权声明:本文为博主原创文章,转载请注明出处. https://blog.csdn.net/liusaint1992/ ...

  9. 关于百度地图api测距显示NaN的解决方案

    因为随着百度地图的api的升级,测距的函数以及语句都发生的一定变化. 在调用api测距的时候通常我们使用的是语句map.getDistance(marker1,marker2); 但为什么这么简单的测 ...

随机推荐

  1. Python之面向对象slots与迭代器协议

    Python之面向对象slots与迭代器协议 slots: # class People: # x=1 # def __init__(self,name): # self.name=name # de ...

  2. source insight中的快捷键总结

    1.快捷键 1,Shift+F8高亮显示指定字符. 2,Ctrl+F找出来的结果用F4,F3前进后退查找. 3,Alt+,后退alt+.前进查找关键字. 4,Alt+G或者F5跳转到某个固定的行号. ...

  3. 理解javascript中的Array类型

    引子: 从事前端开发有段时间了,个人观点:想在前端开发这条路上走的更远,不仅要学好HTML&HTML5.CSS&CSS3,最重要的就是要学好javascript了.所以打好javasc ...

  4. js用for...in 这种遍历的方式

    var arr = new Array("first", "second", "third") for(var item in arr) { ...

  5. Selenium IDE-自动化实战

    1.输入测试 Base URL 2.打开录制按钮(默认是录制状态,点击一下就是停止,再次点击,又继续录制) 3.在浏览器界面进行相关操作(比如输入selenium,点击搜索按钮,查看搜索结果),之后点 ...

  6. KSQL日期字段访问

    日期常量用法 KSQL中用日期常量必须用{ts'" + dateTime.ToString("yyyy-M-d HH:mm:ss") + "'} 正确写法: I ...

  7. Codeforces Educational Round 21

    A =w= B qwq C wvw D(multiset) 题意: 有n(n<=1e5)个数,希望通过把一个位置y的数字放到位置x上这个操作,使得新序列的某个前缀和等于总和的一半,问这样的操作是 ...

  8. 高数(A)下 第十一章

    11.1 11.2 11.3 11.4 11.5

  9. spring-kafka

    spring-kafka 使用spring-kafka的小伙伴,看过来. 说明 因为spring-kafka封装的比较厉害,可能跟你实际使用起来有很大的差别. 一个简单的消费例子 在spring-bo ...

  10. zip4j加密压缩、解压缩文件、文件夹

    原文:http://blog.csdn.net/k21325/article/details/54376188 1.首先,引用到zip4j的第三方类库,感谢作者的无私奉献,官网打不开,这里就不贴了,下 ...