百度地图的常用事件和方法

1、滚轮缩放
    map.enableScrollWheelZoom();   //启用滚轮放大缩小,默认禁用
    map.enableContinuousZoom();    //启用地图惯性拖拽,默认禁用

2、拖拽

    map.enableDragging();   //开启拖拽
    map.enableInertialDragging();   //开启惯性拖拽

3、事件集合

事件参数描述
click{type, target, point, pixel, overlay}左键单击地图时触发此事件。 当双击时,产生的事件序列为: click click dblclick
dblclick{type, target, pixel, point}鼠标双击地图时会触发此事件
rightclick{type, target, point, pixel, overlay}右键单击地图时触发此事件。 当双击时,产生的事件序列为: rightclick rightclick rightdblclick
rightdblclick{type, target, point, pixel, overlay}右键双击地图时触发此事件
maptypechange{type, target}地图类型发生变化时触发此事件
mousemove{type, target, point, pixel, overlay}鼠标在地图区域移动过程中触发此事件
mouseover{type, target}鼠标移入地图区域时触发此事件
mouseout{type, target}鼠标移出地图区域时触发此事件
movestart{type, target}地图移动开始时触发此事件
moving{type, target}地图移动过程中触发此事件
moveend{type, target}地图移动结束时触发此事件
zoomstart{type, target}地图更改缩放级别开始时触发触发此事件
zoomend{type, target}地图更改缩放级别结束时触发触发此事件
addoverlay{type, target}当使用Map.addOverlay()方法向地图中添加单个覆盖物时会触发此事件
addcontrol{type, target}当使用Map.addControl()方法向地图中添加单个控件时会触发此事件
removecontrol{type, target}当使用Map.removeControl()方法移除单个控件时会触发此事件
removeoverlay{type, target}当使用Map.removeOverlay()方法移除单个覆盖物时会触发此事件
clearoverlays{type, target}当使用Map.clearOverlays()方法一次性移除全部覆盖物时会触发此事件
dragstart{type, target, pixel, point}开始拖拽地图时触发
dragging{type, target, pixel, point}拖拽地图过程中触发
dragend{type, target, pixel, point}停止拖拽地图时触发
addtilelayer{type, target}添加一个自定义地图图层时触发此事件
removetilelayer{type, target}移除一个自定义地图图层时触发此事件
load{type, target, pixel, point, zoom}调用Map.centerAndZoom()方法时会触发此事件。这表示位置、缩放层级已经确定,但可能还在载入地图图块
resize{type, target, size}地图可视区域大小发生变化时会触发此事件
hotspotclick{type, target, spots}点击热区时触发此事件
hotspotover{type, target, spots}鼠标移至热区时触发此事件
hotspotout{type, target, spots}鼠标移出热区时触发此事件
tilesloaded{type, target}当地图所有图块完成加载时触发此事件
touchstart{type, target, point,pixel}触摸开始时触发此事件,仅适用移动设备
touchmove{type, target, point,pixel}触摸移动时触发此事件,仅适用移动设备
touchend{type, target, point,pixel}触摸结束时触发此事件,仅适用移动设备
longpress{type, target, point,pixel}长按事件,仅适用移动设备

4、方法集合 

方法返回值描述
enableDragging()none启用地图拖拽,默认启用
disableDragging()none禁用地图拖拽
enableScrollWheelZoom()none启用滚轮放大缩小,默认禁用
disableScrollWheelZoom()none禁用滚轮放大缩小
enableDoubleClickZoom()none启用双击放大,默认启用
disableDoubleClickZoom()none禁用双击放大
enableKeyboard()none启用键盘操作,默认禁用。键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home和End键会使地图平移其1/2的大小。+、-键会使地图放大或缩小一级
disableKeyboard()none禁用键盘操作
enableInertialDragging()none启用地图惯性拖拽,默认禁用
disableInertialDragging()none禁用地图惯性拖拽
enableContinuousZoom()none启用连续缩放效果,默认禁用
disableContinuousZoom()none禁用连续缩放效果
enablePinchToZoom()none启用双指操作缩放,默认启用
disablePinchToZoom()none禁用双指操作缩放
enableAutoResize()none启用自动适应容器尺寸变化,默认启用
disableAutoResize()none禁用自动适应容器尺寸变化
setDefaultCursor(cursor: String)none设置地图默认的鼠标指针样式。参数cursor应符合CSS的cursor属性规范
getDefaultCursor()String返回地图默认的鼠标指针样式
setDraggingCursor(cursor: String)none设置拖拽地图时的鼠标指针样式。参数cursor应符合CSS的cursor属性规范
getDraggingCursor()String返回拖拽地图时的鼠标指针样式
setMinZoom(zoom: Number)none设置地图允许的最小级别。取值不得小于地图类型所允许的最小级别
setMaxZoom(zoom: Number)none设置地图允许的最大级别。取值不得大于地图类型所允许的最大级别
setMapStyle()none设置地图样式,样式包括地图底图颜色和地图要素是否展示两部分
setPanorama(pano: Panorama)none将全景实例与Map类进行绑定
getBounds()Bounds返回地图可视区域,以地理坐标表示
getCenter()Point返回地图当前中心点
getDistance(start: Point, end: Point)Number返回两点之间的距离,单位是米
getMapType()MapType返回地图类型
getSize()Size返回地图视图的大小,以像素表示
getViewport(view: Array<Point>, viewportOptions: ViewportOptions)Viewport根据提供的地理区域或坐标获得最佳的地图视野,返回的对象中包含center和zoom属性,分别表示地图的中心点和级别。此方法仅返回视野信息,不会将新的中心点和级别做用到当前地图上
getZoom()Number返回地图当前缩放级别
getPanorama()Panorama获取与Map类绑定的全景实例
centerAndZoom(center: Point, zoom: Number)none设初始化地图。 如果center类型为Point时,zoom必须赋值,范围3-19级,若调用高清底图(针对移动端开发)时,zoom可赋值范围为3-18级。如果center类型为字符串时,比如“北京”,zoom可以忽略,地图将自动根据center适配最佳zoom级别
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_NORMAL_MAP时,需要在调用centerAndZoom之前调用此方法设置地图所在城市。例如: var map = new BMap.Map(“container”, {mapType: BMAP_NORMAL_MAP}); map.setCurrentCity(“北京市”); map.centerAndZoom(new BMap.Point(116.404, 39.915), 18); 注意:初始化的坐标应与您设置的城市对应,否则地图将无法正常显示。
setMapType(mapType: MapTypes)none设置地图类型
setViewport(view: Array<Point> | Viewport, viewportOptions: ViewportOptions)none根据提供的地理区域或坐标设置地图视野,调整后的视野会保证包含提供的地理区域或坐标
setZoom(zoom: Number)none将视图切换到指定的缩放等级,中心点坐标不变。注意:当有信息窗口在地图上打开时,地图缩放将保证信息窗口所在的坐标位置不动
highResolutionEnabled()Boolean是否使用高分辨率底图。仅当mapOptions.enableHighResolution属性为true且设备支持高分辨率时返回true
zoomIn()none放大一级视图
zoomOut()none缩小一级视图
addHotspot(hotspot: Hotspot)none为地图添加热区
removeHotspot(hotspot: Hotspot)none移除某个地图热区
clearHotspots()none清空地图所有热区
addControl(control: Control)none将控件添加到地图,一个控件实例只能向地图中添加一次
removeControl(control: Control)none从地图中移除控件。如果控件从未被添加到地图中,则该移除不起任何作用
getContainer()HTMLElement返回地图的容器元素。当创建用户自定义控件时,需要自行实现Control.initialize()方法,并将控件的容器元素添加到地图上,通过此方法可获得地图容器
addContextMenu(menu: ContextMenu)none添加右键菜单
removeContextMenu(menu: ContextMenu)none移除右键菜单
addOverlay(overlay: Overlay)none将覆盖物添加到地图中,一个覆盖物实例只能向地图中添加一次
removeOverlay(overlay: Overlay)none从地图中移除覆盖物。如果覆盖物从未被添加到地图中,则该移除不起任何作用
clearOverlays()none清除地图上所有覆盖物
openInfoWindow(infoWnd: InfoWindow, point: Point)none在地图上打开信息窗口
closeInfoWindow()none关闭在地图上打开的信息窗口。在标注上打开的信息窗口也可通过此方法进行关闭
pointToOverlayPixel(point: Point)Pixel根据地理坐标获取对应的覆盖物容器的坐标,此方法用于自定义覆盖物
overlayPixelToPoint(pixel: Pixel)Point根据覆盖物容器的坐标获取对应的地理坐标
getInfoWindow()InfoWindow | Null返回地图上处于打开状态的信息窗的实例。当地图没有打开的信息窗口时,此方法返回null
getOverlays()Array<Overlay>返回地图上的所有覆盖物
getPanes()MapPanes返回地图覆盖物容器列表
addTileLayer(tileLayer: TileLayer)none添加一个自定义地图图层
removeTileLayer(tileLayer: TileLayer)none移除一个自定义地图图层
getTileLayer(mapType: String)TileLayer通过地图类型得到一个地图图层对象
pixelToPoint(pixel: Pixel)Point像素坐标转换为经纬度坐标
pointToPixel(point: Point)Pixel经纬度坐标转换为像素坐标
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值