百度地图API
开始学习百度地图API最简单的方式是看一个简单的示例。以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<script type="text/javascript" src="./api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=&services=false"></script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<script type="text/javascript" src="./api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=&services=false"></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 ("container"); // 创建地图实例
var point = new (, ); // 创建点坐标
(point, 15); // 初始化地图,设置中心点坐标和地图级别
</script>
<script type="text/javascript">
var map = new ("container"); // 创建地图实例
var point = new (, ); // 创建点坐标
(point, 15); // 初始化地图,设置中心点坐标和地图级别
</script>
引用百度地图API文件
当您引用地图API文件时,需要使用自己申请的API密钥。
<script type="text/javascript" src="./api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=&services=false"></script>
<script type="text/javascript" src="./api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=&services=false"></script>
创建地图容器元素
<div style="width:520px;height:340px;border:1px solid #000" id="container"></div>
<div style="width:520px;height:340px;border:1px solid #000" id="container"></div>
地图需要一个HTML元素作为容器,这样才能展现到页面上。这里我们创建了一个div元素并制定它的大小。地图会根据容器大小调整自身尺寸。
命名空间
API使用BMap作为命名空间,所有类均在该命名空间之下,比如:、、。
创建地图实例
var map = new ("container");
百度地图API 来自淘豆网m.daumloan.com转载请标明出处.
