百度地图 API
百度地图API应用实例
Michael Tian
百度地图 API
1基础知识
1.1 百度地图 API 概念
百度地图API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
百度地图API不仅包含构建地图的基本功能接口，还提供了诸如本地搜索、路线规划等数据服务。
1.2 百度地图的“Hello, World”
百度api接口开始学习百度地图API最简单的方式是看一个简单的示例。以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <title>Hello, World</title>
    <script src=api.map.baidu/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false  type="text/javascript"></script>
</head>
<body>
    <div style="width: 520px; height: 340px; border: 1px solid gray" id="container">
    </div>
</body>
</html>
<script type="text/javascript">
    var map = new BMap.Map("container");            // 创建Map实例
    var point = new BMap.Point(116.404, 39.915);    // 创建点坐标
    AndZoom(point,15); // 初始化地图，设置中心点坐标和地图级别。
</script>       
您可以查看此示例及下载、编辑和调试该示例。
程序运行结果：
即使在此简单的示例中，也需要注意五点：
1.使用 script 标签包含 百度地图 API JavaScript。
2.创建名为“container”的 div 元素来包含地图。
3.编写 JavaScript 函数创建“map”对象。
4.将地图的中心设置为指定的地理点。
5.在 </html> 标签外面开始初始化地图对象并确保container div元素已经存在。
1.2.1 引用百度地图API文件
通过地址 api.map.baidu/api 加载API：
<script src="api.map.baidu/api?key=您的API密钥&v=版本&services=true 或者false" type="text/javascript"></script>
其中参数key为密钥，您可以在这里申请密钥。参数v为当前API的版本号，目前最新版本为1.0，services参数表示是否加载服务部分，true表示加载，false表示不加载。地址 api.
map.baidu/api?v=1.0 中的参数v表示您加载API的版本，例如当前API的最新版本为1.0。
1.2.2创建地图容器元素
<div style="width:520px;height:340px;border:1px solid #000" id="Div1"></div> 
地图需要一个HTML元素作为容器，这样才能展现到页面上。这里我们创建了一个div元素并制定它的大小。地图会根据容器大小调整自身尺寸。
1.2.3命名空间
API使用BMap作为命名空间，所有类均在该命名空间之下，比如：BMap.Map、BMap.Control、BMap.Overlay。
1.2.4创建地图实例
var map = new BMap.Map("container");
位于BMap命名空间下的Map类表示地图，通过new操作符可以创建一个地图实例。其参数可以是元素id也可以是元素对象。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。