百度地图API的使用

[color=red][size=large][b]1.1 百度地图 API 概念[/b][/size][/color]
百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
百度地图API不仅包含构建地图的基本功能接口,还提供了诸如本地搜索、路线规划等数据服务。
[b]1.2 百度地图的“Hello, World”[/b]开始学习百度地图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元素已经存在。

[color=red][size=large][b]百度拾取坐标系统:[/b][/size][/color][url]http://api.map.baidu.com/lbsapi/getpoint/[/url]
具体详情请看附件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值