百度地图API的使用

高军威

浏览: 182218 次
性别:
来自: 北京

最近访客更多访客>>

caorucan

coreycool

zswzhj

fuanyu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

百度地图

百度

1.1 百度地图 API 概念
百度地图API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
百度地图API不仅包含构建地图的基本功能接口，还提供了诸如本地搜索、路线规划等数据服务。
1.2 百度地图的“Hello, World”开始学习百度地图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=http://api.map.baidu.com/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);    // 创建点坐标
    map.centerAndZoom(point,15); // 初始化地图，设置中心点坐标和地图级别。
</script>

即使在此简单的示例中，也需要注意五点：
1.使用 script 标签包含百度地图 API JavaScript。
2.创建名为“container”的 div 元素来包含地图。
3.编写 JavaScript 函数创建“map”对象。
4.将地图的中心设置为指定的地理点。
5.在 </html> 标签外面开始初始化地图对象并确保container div元素已经存在。

百度拾取坐标系统：http://api.map.baidu.com/lbsapi/getpoint/
具体详情请看附件