您的位置：首页 > 其它

百度地图API入门——（1）第一个超简单应用：显示广州天河公园

2012-03-20 00:00 686 查看

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的初始化。示例如开始的程序所示。第一个参数是所显示地图区域的中心点的经纬度，第二个参数是缩放比例，数值越大，表示放大的倍数越大。

$(document).ready(function(){dp.SyntaxHighlighter.HighlightAll('code');});

原文链接：
http://blog.csdn.net/poechant/article/details/7107543

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航