1
2<html>
3<head>
butterflykiss
4<meta http-equiv="Content-Type"content="text/html;chart=utf-8"/>
5<title>Hello,World</title>
6<script type="text/javascript"东莞翻译公司
src="api./api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&rvices=fal"></script> 7</head>
8<body>
女生英语名9<div id="container"></div>
10</body>
11</html>
12
13
view plainprint
14<script type="text/javascript">
15var map=new BMap.Map("container");//创建地图实例
16var point=new BMap.Point(116.404,39.915);//创建点坐标
19
20<script type="text/javascript"
src="api./api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&rvices=fal"></script> 21
创建地图容器元素
view plainprint
22<div id="container"></div>
23
地图需要一个HTML元素作为容器,这样才能展现到页面上。这里我们创建了一个div元素并制定它的大小。地图会根据容器大小调整自身尺寸。
命名空间识别英文
save
API使用BMap作为命名空间,所有类均在该命名空间之下,比如:BMap.Map、BMap.Control、BMap.Overlay。
创建地图实例
view plainprint
24var map=new BMap.Map("container");
25
位于BMap命名空间下的Map类表示地图,通过new操作符可以创建一个地图实例。其参
数可以是元素id也可以是元素对象。
注意在调用此构造函数时应确保容器元素已经添加到地图上。
创建点坐标
view plainprint
26var point=new BMap.Point(116.404,39.915);
27
这里我们使用BMap命名空间下的Point类来创建一个坐标点。Point类描述了一个地理坐标点,其中116.404表示经度,39.915表示纬度。
地图初始化
view plainprint
29
在创建地图实例后,我们需要对其进行初始化,AndZoom()方法要求设置中
心点坐标和地图级别。
地图必须经过初始化才可以执行其他操作。
地图操作
地图被实例化并完成初始化以后,就可以与其进行交互了。API中的地图对象的外观与行为与百度地图网站上交互的地图非常相似。它支持鼠标拖拽、滚轮缩放、双击放大等交互功能。您也可以修改配置来改变这些功能。
您还可以通过编程的方式与地图交互。Map类提供了若干修改地图状态的方法。例如:tCenter()、panTo()、zoomTo()等等。
下面示例显示一个地图,等待两秒钟后,它会移动到新中心点。panTo()方法将让地图平滑移动至新中心点,如果移动距离超过了当前地图区域大小,则地图会直跳到该点。
view plainprint
30var map=new BMap.Map("container");
31var point=new BMap.Point(116.404,39.915);
33window.tTimeout(function(){adam and eve
pittsburgh steelers
34map.panTo(new BMap.Point(116.409,39.918));
forwhich35},2000);
36
向地图添加控件
可以使用BMap.Map.addControl()方法向地图添加控件。在此之前地图需要进行初始化。例如,要将标准地图控件添加到地图中,可在代码中添加如下内容:
view plainprint
1var map=new BMap.Map("container");
3map.addControl(new BMap.NavigationControl());
4map.addControl(new BMap.NavigationControl());
5map.addControl(new BMap.ScaleControl());
6map.addControl(new BMap.OverviewMapControl());
7var opts={anchor:BMAP_ANCHOR_TOP_RIGHT,offt:new BMap.Size(10,10)}
8map.addControl(new BMap.NavigationControl(opts));
brought
>janine