前天周六，有个好友过来玩，他说想在他的站点中加入地图导航模块，但不知道选择哪个第三方Map API

在网上查了下Baidu、Google、QQ和MapBar等4种Map API（都是採用JS开放API），也查看了它们的SDK开发文档，谈谈自己的体会


Map API文档

BMap API（Baidu）与google.maps API（Google）文档相对最完备、详尽、简洁，而且给出了非常多学习演示样例，非常适合刚開始学习的人入门学习、应用开发

QMap API（QQ）与MapBar API（MapBar）文档尽管也比較完备，但演示样例与代码分开了，不能非常好所见即所得的体现代码与效果相关性


Map 功能推荐

BMap API和Google.maps API，应该就能够满足绝大部分需求

就易用性和色彩柔和性，推荐BMap API（Baidu）

就精确性和世界地图，推荐Google.maps API（Google）

精确性：

Baidu BMap提供小数点后六位的精度，如：天安门（116.397128, 39.916527）；

Google google.maps则提供小数点后14位的精度，如：纽约（40.69847032728747, -73.9514422416687）

世界性：

Baidu BMap仅提供中国区域，也包括港、澳，但眼下还不包括台湾（可能百度日本分公司的地图中含有台湾）；

Google google.maps则提供全球区域的地图（支持本地化语言）

3D效果：

Baidu BMap眼下仅提供中国几个大城市3D地图（如北、上、广和深圳）

Google google.maps则支持大部分国家的车载导航3D地图（在中国仅支持部分城市，如上海）

API风格：

BMap API和google.maps的API接口略有不同，BMap模块化分层设计更加独立；两者的API风格，能够代表其他几款开放的Map API风格

QMap API与google.maps API接口的风格非常相似，MapBar API与BMap API接口风格则非常雷同，甚至有些函数接口名都同样，如centerAndZoom

兼容性：

上面四款地图API，都採用js实现訪问调用，因此对浏览器兼容性非常重要

BMap API：支持IE6.0+、Chrome、FF 3.0+、Opera 9.0+、Safari 3.0+，以及国内主要浏览器，如遨游、360、QQ、Baidu、世界之窗等浏览器，兼容性较好

google.maps API：支持W3C标准（官方没明白给出兼容的相关浏览器），且在在支持定位功能的浏览器上，能够调用google Geolocation API（智能手机上应用广泛）

注：据了解，google map今年还暂未拿到在中国大陆的经营许可证，因此其地图訪问服务有时会被GFW屏蔽掉，甚至不可用

简单对照 

BMap API（Baidu）和google.maps API（Google）——都是以“天安门”为參照系原点

BMap API（Baidu）

  1. <!doctype html>
  2.  
  3. <html>
  4. <head>
  5.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  6.     <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
  7.     <title>Baidu Map V1.2</title>
  8.     <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true">
  9. 	    <!-- add baidu map api -->
  10.     </script>
  11. </head>
  12. <body>
  13.     <div id="container" style="width: 600px; height: 400px;">
  14.     </div>
  15. </body>
  16. </html>
  17. <script type="text/javascript">
  18.     var map = new BMap.Map("container");            	    // new Map
  19.     var point = new BMap.Point(116.397128, 39.916527);      // Location, （经度, 纬度）
  20.     map.centerAndZoom(point, 15);                   	    // show Map
  21.  
  22.     // 加入�缩放功能
  23.     map.enableScrollWheelZoom();
  24.     map.enableKeyboard();
  25. </script>

效果图例如以下：

google.maps API（Google）

  1. <!doctype html>
  2.  
  3. <html>
  4. <head>
  5.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  6.     <meta http-equiv="content-type" content="text/html; charset=gbk" />
  7.     <title>Google Map V3</title>
  8.     <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css"
  9.         rel="stylesheet" type="text/css" />
  10.     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
  11. 	<!-- add google map api -->
  12.     </script>
  13. </head>
  14. <body onload="initialize()">
  15.     <div id="container" style="width: 600px; height: 400px;">
  16.     </div>
  17. </body>
  18. </html>
  19. <script type="text/javascript">
  20.     function initialize() {
  21.         var point = new google.maps.LatLng(39.916527, 116.397128); 	          // location, （纬度, 经度）
  22.         var option = {
  23.             zoom: 12,
  24.             center: point,
  25.             mapTypeId: google.maps.MapTypeId.ROADMAP
  26.         }
  27.         var obj = document.getElementById("container");                       // container
  28.         var map = new google.maps.Map(obj, option); 			              // show map
  29.     }
  30. </script>

效果图例如以下：

另两大巨头的Map API（Bing与Yahoo!）

Bing Map API：基于Virtual Earth的API，js接口调用，眼下仅仅有英文版（暂没找到中文版）

Yahoo! Map API：提供Flash, Ajax and Map Image APIs，js接口调用，眼下也仅仅有英文版（暂没找到中文版）

注：在Yahoo! Map API 看到，好像其要在2011年9月13号关闭Map API服务，建议用户转到其合作伙伴Ovi Maps API（Nokia）

We are shutting down this service on September 13, 2011. We suggest using maps from our partner Nokia. Please visit the Ovi MapsAPI for more information.

背后的故事

MapBar： 国内地图提供商，早期与百度合作，BMap API採用的便是MapBar，因此它们的API接口有些雷同（上面我已举例）

MapABC：国内地图提供商，早期与Google合作，google.maps API起初採用MapABC，后来google做的更好、更灵活

51Map：    国内地图提供商，特色服务是提供地图下载，能够实现本地桌面地图（相似手机上的凯立德3D地图）

整体感觉，各家Map API各有千秋，BMap API和google.maps API从开放、维护等角度，代表Map API两大主流，能够满足绝大部分用户需求

QMap API和MapBar API都是后起之秀，专注技术的同一时候，也能够优化、添加�一些API文档，毕竟开放API就是为了让很多其他的人去使用嘛

IT技术须要竞争，由于竞争，所以创新；由于创新，所以开放；由于开放，所以进步，祝愿中国IT领域不断创新、开放、进步、超越

Baidu与Google地图API初探的更多相关文章

  1. Google 地图 API V3 使用入门

    Google官方教程: Google 地图 API V3 使用入门 Google 地图 API V3 针对移动设备进行开发 Google 地图 API V3 之事件 Google 地图 API V3 ...

  2. Google 地图 API V3 针对移动设备进行开发

    Google官方教程: Google 地图 API V3 使用入门 Google 地图 API V3 针对移动设备进行开发 Google 地图 API V3 之事件 Google 地图 API V3 ...

  3. Google 地图 API V3 之事件

    Google官方教程: Google 地图 API V3 使用入门 Google 地图 API V3 针对移动设备进行开发 Google 地图 API V3 之事件 Google 地图 API V3 ...

  4. Google 地图 API V3 之控件

    Google官方教程: Google 地图 API V3 使用入门 Google 地图 API V3 针对移动设备进行开发 Google 地图 API V3 之事件 Google 地图 API V3 ...

  5. Google 地图 API V3 之 叠加层

    Google官方教程: Google 地图 API V3 使用入门 Google 地图 API V3 针对移动设备进行开发 Google 地图 API V3 之事件 Google 地图 API V3 ...

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

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

  7. Google 地图 API for Android

    原文:Introduction to Google Maps API for Android 作者:Eunice Obugyei 译者:kmyhy 从健康类 app Runkeeper 到游戏 app ...

  8. Android Google 地图 API for Android

    从健康类 app Runkeeper 到游戏 app 精灵宝可梦,位置服务对现代 app 来说越来越重要. 在本文中,我们将创建一个 app,名字就叫做 City Guide.这个 app 允许用户搜 ...

  9. 简易google地图api调用

    代码如下: <!DOCTYPE html> <html> <head> <meta name="viewport" content=&qu ...

随机推荐

  1. nyoj 76

    #include <iostream> using namespace std; int main() { int i,t,n; int a[101]; cin>>t; whi ...

  2. 如何修改TextField的Label和EmptyText

    在需求中常常有修改form表单的标签和空文本提示,在渲染后组件有些字符固定下来 除非使用document进行原始修改,通过查询stackflow,我介绍更方便方法 模拟场景:点击ChangeLabel ...

  3. cocoapods出现Diff: /../Podfile.lock: No such file or directory错误

    第一种解决方法: 关闭Xcode,重新执行pod install,之后再重新打开Xcode运行. 第二种解决方法: 删除以下文件: xcworkspacePodfile.lockPods文件夹~/Li ...

  4. JDBC数据源连接池的配置和使用实例

    个人学习参考所用,勿喷! 使用JDBC建立数据库连接的两种方式: 1.在代码中使用DriverManager获得数据库连接.这种方式效率低,并且其性能.可靠性和稳定性随着用户访问量得增加逐渐下降. 2 ...

  5. MySql中的事务嵌套

    1.Mysql中的事务必须是InnoDB.Berkeley DB引擎,myisam不支持. 2.Mysql是不支持嵌套事务的,开启了一个事务的情况下,再开启一个事务,会隐式的提交上一个事务. 3.My ...

  6. C#冒泡排序--详解

    思路:以数组int[]a={55,42,15,3,66,52};为例. 每一轮排序都把最大的数放在最后 所以, 对应循环语句思路 这样就很清晰了. 代码如下: , , , , , , , }; ; i ...

  7. Input File 表单上传按钮美化

    HTML <div class="input-file-button"> 上传图片<input type="file" class=" ...

  8. php empty和isset的区别

    通过一个例子来解释一下, $id = 0  empty($id) 的值是true isset($id) 也是true. empty 和isset 处理对象无外乎 未定义常量 .0 .空字符串 如果变量 ...

  9. PHP获取操作系统、IP、地理位置、浏览器、ISP等信息_PHP类代码

    PHP语言.浏览器.操作系统.IP.地理位置.ISP,本PHP类里面有以下几种方法,同时也是用法说明: <?php class class_guest_info{ function GetLan ...

  10. LRU缓存算法 - C++版

    LRU是Least Recently Used的缩写,意思是最近最少使用,它是一种Cache替换算法. 实现思路: hashtable + 双向链表 时间复杂度: 插入,查找,删除:O(1) 空间使用 ...