Baidu与Google地图API初探
前天周六，有个好友过来玩，他说想在他的网站中加入地图导航模块，但不知道选择哪个第三方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）
<!doctype html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>Baidu Map V1.2</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true"> <!-- add baidu map api --> </script> </head> <body> <div id="container" style="width: 600px; height: 400px;"> </div> </body> </html> <script type="text/javascript"> var map = new BMap.Map("container"); // new Map var point = new BMap.Point(116.397128, 39.916527); // Location, （经度, 纬度） map.centerAndZoom(point, 15); // show Map // 添加缩放功能 map.enableScrollWheelZoom(); map.enableKeyboard(); </script>
效果图如下：
google.maps API（Google）
<!doctype html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=gbk" /> <title>Google Map V3</title> <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> <!-- add google map api --> </script> </head> <body οnlοad="initialize()"> <div id="container" style="width: 600px; height: 400px;"> </div> </body> </html> <script type="text/javascript"> function initialize() { var point = new google.maps.LatLng(39.916527, 116.397128); // location, （纬度, 经度） var option = { zoom: 12, center: point, mapTypeId: google.maps.MapTypeId.ROADMAP } var obj = document.getElementById("container"); // container var map = new google.maps.Map(obj, option); // show map } </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 Maps API 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领域不断创新、开放、进步、超越
转载于:https://www.cnblogs.com/springmvc-hibernate/archive/2011/07/11/2484110.html
Baidu与Google地图API初探相关推荐
- 如何获取Google地图API密钥？(翻译版)
对于使用Google浏览器的用户,可以使用浏览器的翻译功能将原网页翻译为中文网站,下面的操作为翻译为中文后的操作方法: 使用Google地图的用户需要注意了!Google地图于2016年6月22日更新 ...
- 免费Google地图API使用说明(转)
转自:http://www.cnblogs.com/mypig/articles/1936154.html 01 事件监视 02 03 GEvent.addListener用来注册事件监视器,在 ...
- Google 地图 API 参考
杨航收集技术资料,分享给大家 Google 地图 API 参考 Google 地图 API 现在与 Google AJAX API 载入器集成,后者创建了一个公共命名空间,以便载入和使用多个 Goog ...
- Google 地图 API 初级使用
关于Google Map API的使用说明 1.Google Map API介绍 a) Google 地图 API 是一种通过 JavaScript 将 Google 地图嵌入到您的网页的 API.该 ...
- Google地图API方式查看卫星地图
最近发现谷歌地图http://www.google.cn/maps 左下角点击卫星图像的时候,不能切换到卫星地图模式,于是借助Google地图API方式写了个DEMO,算是学习了下Google地图,代 ...
- 免费Google地图API使用说明
事件监视GEvent.addListener用来注册事件监视器,在这个例子中,在用户移动或拖拽地图后,输出地图中心点的经/纬.var map = new GMap(document.getElemen ...
- Google 地图 API示例
地理学习小游戏 五岳名山您一定听说过,但您还记得它们分别在哪里吗?在这个小游戏中,您可以根据给出地理名词,将对应的标注拖拽到地图中恰当的位置上.当您完成后,请点击"评判",程序将自 ...
- Google 地图 API(地理学习小游戏)
五岳名山您一定听说过,但您还记得它们分别在哪里吗?在这个小游戏中,您可以根据给出地理名词,将对应的标注拖拽到地图中恰当的位置上.当您完成后,请点击"评判",程序将自动判断您的回答是 ...
- google 地图 API 参考 .
Google 地图 API 参考 Google 地图 API 现在与 Google AJAX API 载入器集成,后者创建了一个公共命名空间,以便载入和使用多个 Google AJAX API.该框架 ...
- 如何使用Google地图API通过店铺名字查询对应的经纬度
为了使用Google地图API查询店铺名字对应的经纬度,你需要做以下几件事情: 到Google Cloud Platform注册并创建一个新的项目,然后启用地图API. 在你的代码中,导入Google ...
最新文章
- mySQL教程 第10章 事务和锁
- python进阶资源整理
- Winform中对xml文件进行保存时空白节点自动换行问题的解决
- css样式图片、渐变、相关小知识
- *【CF#510C】Fox And Names （拓扑排序）
- VLAN访问控制列表(VACL)的配置方法
- Vue「三」—— vue 侦听器、vue 计算属性、vue-cli、vue 组件
- 圣诞快乐：Oracle Database 19c 的10大新特性一览
- 湖北2021高考成绩几点可以查询,2021年湖北高考成绩查询时间安排 什么时间出分...
- mysql 中 unix_timestamp和from_unixtime 时间戳函数
- JavaScript - 正则(RegExp)判断文本框中是否包含特殊符号
- 阿里云短信发送接口直接HTTP请求调用
- 交流异步电机的Modelica模型
- 给你的亲人一个科技感满满的生日祝福吧
- 成年人英语速成指南（附资源及工具）
- 2019年架构软考论文押题（二）
- 1055-叙拉古猜想
- golang 年级转换入学年份
- 互联网公司的软件开发流程
- 全网最牛掰的 12306 抢票神器，助力抢到春节回家的票