作者：阳光岛主

url来源：http://blog.csdn.net/ithomer/article/details/6598020


前天周六，有个好友过来玩，他说想在他的网站中加入地图导航模块，但不知道选择哪个第三方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）

[html] view plaincopyprint?
  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）

[html] view plaincopyprint?
  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领域不断创新、开放、进步、超越


Logo
CSDN学习社区

CSDN联合极客时间，共同打造面向开发者的精品内容学习社区，助力成长！

更多推荐

嵌入式作业（七）：基于Ardunio的STM32串口通信

嵌入式作业（七）0作业要求1Ardunio 完成STM32的串口通信（1）安装Ardunio IDE（2）stm32串口通信2关于 stduino IDE0作业要求安装 Ardunio IDE 和相关软件支持库，在Ardunio 完成STM32板子的串口通信程序：（1）持续向串口输出“Hello world！”；（2）当接收到“stop!”时，停止输出。网上有一个国人版的MCU集成开发平台， st

avatar CSDN学习社区

JDBC详解

JDBC文章目录JDBC什么是JDBC?JDBC驱动程序:Java使用JDBC访问数据库的步骤:设置classpath:Oracle连接字符串的书写格式:简单的例子:常用数据库的驱动程序及JDBC URL:Oracle数据库:SQL Server数据库MySQL数据库Access数据库PreparedStatement接口:JNDI-数据源（Data Source）与连接池（Connection

avatar CSDN学习社区

“模式识别与机器学习”学习笔记no2.再谈感知机

接**上篇：上篇主要进行了PLA，Pocket算法的理论过程分析和在给定数据集上利用pocket算法对数据集进行分类学习，得到错分数量最少的分类面。上篇中pocket算法的过程已经进行了编程和测试，框架已经建立了起来，这一篇主要上篇中没有提到或涉及不深的几个问题。1.数据集的构造。上篇是直接使用了题目给的向量，这次来根据正态分布来产生数据集。np.random.normal函数可以根据均值和方差生

avatar CSDN学习社区