预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共14页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

百度地图API 开始学习百度地图API最简单的方式是看一个简单的示例。以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心: <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>Hello,World</title> <scripttype="text/javascript"src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false"></script> </head> <body> <divstyle="width:520px;height:340px;border:1pxsolidgray"id="container"></div> </body> </html> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>Hello,World</title> <scripttype="text/javascript"src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false"></script> </head> <body> <divstyle="width:520px;height:340px;border:1pxsolidgray"id="container"></div> </body> </html> <scripttype="text/javascript"> varmap=newBMap.Map("container");//创建地图实例 varpoint=newBMap.Point(116.404,39.915);//创建点坐标 map.centerAndZoom(point,15);//初始化地图,设置中心点坐标和地图级别 </script> <scripttype="text/javascript"> varmap=newBMap.Map("container");//创建地图实例 varpoint=newBMap.Point(116.404,39.915);//创建点坐标 map.centerAndZoom(point,15);//初始化地图,设置中心点坐标和地图级别 </script> 引用百度地图API文件 当您引用地图API文件时,需要使用自己申请的API密钥。 <scripttype="text/javascript"src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false"></script> <scripttype="text/javascript"src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false"></script> 创建地图容器元素 <divstyle="width:520px;height:340px;border:1pxsolid#000"id="container"></div> <divstyle="width:520px;height:340px;border:1pxsolid#000"id="container"></div> 地图需要一个HTML元素作为容器,这样才能展现到页面上。这里我们创建了一个div元素并制定它的大小。地图会根据容器大小调整自身尺寸。 命名空间 API使用BMap作为命名空间,所有类均在该命名空间之下,比如:BMap.Map、BMap.Control、BMap.Overlay。 创建地图实例 varmap=newBMap.Map("container"); varmap=newBMap.Map("container"); 位于BMap命名空间下的Map类表示地图,通过new操作符可以创建一个地图实例。其参数可以是元素id也可以是元素对象。注意在调用此构造函数时应确保容器元素已经添加到地图上。 创建点坐标 varpoint=newBMap.Point(116.404,39.915); varpoint=newBMap.Point(116.404,39.915); 这里我们使用BMa