百度地图API 快速搭建( 三 )


map.addEventListener("click",function(e){alert(e.point.lng);});4. 添加控件方法没有返回值 , 控件只能添加一次 , 删除不存在的控件不起作用 。
addControl(control:Control);removeControl(control:Control);比如添加2D,3D卫星地图类型控件:
map.addControl(new BMap.MapTypeControl());添加和删除右下角缩略图(小地图)控件:
var c = new BMap.OverviewMapControl() ;map.addControl(c);map.removeControl(c);设定特定的控件的类型:
var opts1={ type:BMAP_MAPTYPE_CONTROL_MAP }map.addControl(new BMap.MapTypeControl(opts1));还有其他控件或类型:
Control ScaleControlOptions ControlAnchorOverviewMapControlLengthUnitMapTypeControlNavigationControlCopyrightControl(版权控件)NavigationControlTypeScaleControl(比例尺控件) CopyrightMapTypeControlType(控件样式类型)GeolocationControl(定位控件)StatusCodePanoramaControl(看全景控件)5.简单覆盖物overlay添加点覆盖物:
//创建点覆盖物var marker=new BMap.Marker(new BMap.Point(116, 39));var option5={width:250,//信息窗口的宽度height:100,//信息窗口的高度title:"北京"//信息窗口的标题}//创建信息窗口var infoWindow=new BMap.InfoWindow("天安门",option5);//监听标注事件:marker.addEventListener("mouseover",function(){map.openInfoWindow(infoWindow,this.getPosition());});marker.addEventListener("mouseout",function(){infoWindow.close();});map.addOverlay(marker);//添加点覆盖物6. 右键菜单地图上右键显示右键菜单
map.addEventListener("rightclick",function(e){var markerMenu=new BMap.ContextMenu();markerMenu.addItem(new BMap.MenuItem('菜单项一',alertHello));map.addContextMenu(markerMenu);//给标记添加右键菜单} );var alertHello= function(){alert("你好");};7. 修改地图状态方法设置中心位置 , 移动地图 , 设置级别等操作:
panTo(center:Point[, opts:PanOptions])none将地图的中心点更改为给定的点 。 如果该点在当前的地图视图中已经可见 , 则会以平滑动画的方式移动到中心点位置 。 可以通过配置强制移动过程不使用动画效果 。 panBy(x:Number, y:Number[, opts: PanOptions])none将地图在水平位置上移动x像素 , 垂直位置上移动y像素 。 如果指定的像素大于可视区域范围或者在配置中指定没有动画效果 , 则不执行滑动效果 。 reset() none重新设置地图 , 恢复地图初始化时的中心点和级别 。 setCenter(center:Point|String)none设置地图中心点 。 center除了可以为坐标点以外 , 还支持城市名 。 注:使用城市名进行设置时该方法是异步执行 , 使用坐标点设置时该方法不是异步执行 。 setCurrentCity(city:String) none设置地图城市 , 注意当地图初始化时的类型设置为BMAP_PERSPECTIVE_MAP时 , 需要在调用centerAndZoom之前调用此方法设置地图所在城市 。 例如:var map = new BMap.Map(“container”, {mapType: BMAP_PERSPECTIVE_MAP}); map.setCurrentCity(“北京市”); map.centerAndZoom(new BMap.Point(116.404, 39.915), 18); 注意:初始化的坐标应与您设置的城市对应 , 否则地图将无法正常显示 。 如果地图初始化为BMAP_NORMAL_MAP类型 , 则在调用setMapType切换地图类型时也要调用此方法 。 (自 1.1 新增)setMapType(mapType:MapTypes)none设置地图类型 。 注意 , 当设置地图类型为BMAP_PERSPECTIVE_MAP时 , 需要调用map.setCurrentCity方法设置城市 。 (自 1.1 新增)setViewport(view:Array|Viewport[, viewportOptions: ViewportOptions]) none根据提供的地理区域或坐标设置地图视野 , 调整后的视野会保证包含提供的地理区域或坐标 。 (自 1.1 新增)setZoom(zoom:Number)none将视图切换到指定的缩放等级 , 中心点坐标不变 。 注意:当有信息窗口在地图上打开时 , 地图缩放将保证信息窗口所在的坐标位置不动 。 (自1.2新增)highResolutionEnabled() Boolean 是否使用高分辨率底图 。 仅当mapOptions.enableHighResolution属性为true且设备支持高分辨率时返回true 。 zoomIn()none放大一级视图 。 zoomOut()none缩小一级视图 。 addHotspot(hotspot:Hotspot) none为地图添加热区 。 (自 1.2 新增)removeHotspot(hotspot:Hotspot)none移除某个地图热区 。 (自 1.2 新增)clearHotspots() none清空地图所有热区 。 (自 1.2 新增)