|
|
|
|

Baidu与Google地图API初探

在网上查了下Baidu、Google、QQ和MapBar等4种Map API(都是采用JS开放API),也查看了它们的SDK开发文档,下面来谈谈自己的体会 Map API文档 BMap API(Baidu)与google.maps API(Google)文档相对最完备、详尽、简洁,并且给出了很多学习用例,非...

作者:大气象来源:http://greatverve.cnblogs.com/|2011年08月07日

在网上查了下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 Function

BMap API和Google.maps API,应该就可以满足绝大部分需求

就易用性和色彩柔和性,推荐Baidu BMap API

就精确性和世界地图,推荐Google Google.maps API

精确性:

Baidu BMap提供小数点后六位的精度,如(116.397128, 39.916527);

Google google.maps则提供小数点后14位的精度,如New York(40.69847032728747, -73.9514422416687)

世界性:

Baidu BMap仅提供中国区域(包括港、澳,但目前不包含台湾、日本,可能百度日本分公司含有);

Google google.maps则提供全球区域的地图(支持本地化)

3D效果:

Baidu BMap目前仅提供几个中国大城市3D地图(如北、上、广和深圳);

Google google.maps则支持大部分国家的3D车载导航(目前仅支持中国部分城市,如上海)

API风格:

BMap API和google.maps的API接口是有些区别,两者的API风格,可以代表其它几款开放的Map API风格

QMap API与google.maps API接口的风格很类似,MapBar API则与BMap API接口风格很类似,甚至有些函数接口名都相同,如centerAndZoom

下面,简单做一下对比 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.39712839.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 onload="initialize()">
    
<div id="container" style="width: 600px; height: 400px;">
    
</div>
</body>
</html>
<script type="text/javascript">
    
function initialize() 
    {
        
var myLatlng = new google.maps.LatLng(39.916527116.397128);     // location, (纬度, 经度)
        var myOptions = 
        {
            zoom: 
12,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        
var obj = document.getElementById("container");             // container
        var map = new google.maps.Map(obj, myOptions);                 // show map
    }
</script>

总体感觉,四种Map API各有千秋,BMap API(Baidu)和google.maps(Google)代表了两个Map API主流,可以满足绝大部分用户需求;

QMap API和MapBar API都是后起之秀,专注技术的同时,也可以优化、增加一些API文档,毕竟开放API就是为了让更多的人去使用嘛

IT技术需要竞争,因为竞争,所以创新;因为创新,所以进步;因为进步,所以开放,祝愿中国IT领域不断创新、进步、开放、发展

上一篇:如何利用【百度地图API】,制作房产酒店…

下一篇:在Web客户端中基于Proj4实现坐标转换