1 / 29
文档名称:

百度地图API的使用方法.docx

格式:docx   大小:45KB   页数:29页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

百度地图API的使用方法.docx

上传人:mh900965 2017/12/17 文件大小:45 KB

下载得到文件列表

百度地图API的使用方法.docx

相关文档

文档介绍

文档介绍:百度地图API的使用方法
百度地图API
开始学****百度地图API最简单的方式是看一个简单的示例。以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心:   
1. <html>  
2. <head>  
3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
4. <title>Hello, World</title>  
5. <script type="text/javascript" src=" "></script>  
6. </head>  
7. <body>  
8. <div style="width:520px;height:340px;border:1px solid gray" id="container"></div>  
9. </body>  
10. </html>  
11.   
12.                               
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<script type="text/javascript" src=" "></script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
</body>
</html>
 
                            
1. <script type="text/javascript">   
2. var map = new ("container");          // 创建地图实例   
3. var point = new (, );  // 创建点坐标   
4. (point, 15);                 // 初始化地图,设置中心点坐标和地图级别   
5. </script>   
6.                               
<script type="text/javascript">
var map = new ("container");          // 创建地图实例
var point = new (, );  // 创建点坐标
(point, 15);                 // 初始化地图,设置中心点坐标和地图级别
</script>
                            
引用百度地图API文件
当您引用地图API文件时,需要使用自己申请的API密钥。
1. <script type="text/javascript" src="”></script>  
<script type="text/javascript" src=" "></script>
                            
创建地图容器元素
1. <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作为命名空间,所有类均在该命名空间之下,比如:、、。
创建地图实例
1. var map = new ("container"); 
var map = new ("container");
            
位于BMap命名空间下的Map类表示地图,通过new操作符