百度地圖API入門——（1）第一個超簡單應用：顯示廣州天河公園

鍾超發表於2011-12-28
地圖API
1. 先上程式

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Asynchronous</title>
	<script type="text/javascript">
	function initialize() {
		var map = new BMap.Map('map');
		map.centerAndZoom(new BMap.Point(113.371, 23.133), 16);
	}
	function loadScript() {
		var script = document.createElement("script");
		script.src = "http://api.map.baidu.com/api?v=1.2&callback=initialize";
		document.body.appendChild(script);
	}
	window.onload = loadScript;
	</script>
</head>
<body>
	<div id="map" style="width:500px;height:320px"></div>
</body>
</html>


2. 百度地圖API

如上程式所示，更簡單的載入方式如此：

<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>


3. BMap類

百度地圖API提供了最基礎的BMap類，我們可以通過其建構函式建立一個BMap物件。

var map = new BMap.Map('map');



4. centerAndZoom

BMap的一個成用方法，就是：

centerAndZoom(BMap.Point point, var zoomRatio);

在建立了一個BMap物件後，呼叫這個方法，相當於完成了對BMap的初始化。示例如開始的程式所示。第一個引數是所顯示地圖區域的中心點的經緯度，第二個引數是縮放比例，數值越大，表示放大的倍數越大。

相關文章