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

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	经纬度坐标转换为像素坐标

百度地图的常用事件和方法相关推荐

转载：百度地图api 常用例子
功能一:获取map地图窗口的可视区域: var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZ ...
Vue 移动端项目百度地图点击事件无效、不触发解决方案
解决百度地图手机端点击事件不触发的一种方案版权声明:本文为博主原创文章,转载请标明原文出处. 问题背景我是半路接手的这个项目,该项目使用 Vue 开发的一款手机端的页面.到手里时,使用百 ...
android 百度地图 uisettings,百度地图开发者常用类学习
1.类MapView public final class MapView extends ViewGroup 一个显示地图的视图(View).它负责从服务端获取地图数据.它将会捕捉屏幕触控手势事件. ...
android地图旋转监听,android 百度地图监听事件
1.一般事件监听在初始化地图Activity时,注册一般事件监听,并实现MKGeneralListener的接口处理相应事件,将mBMapMan.init("我的Key", nu ...
android百度地图自定义图层,百度地图开发之百度地图定位图层基本使用方法讲解...
(一):基本介绍: 百度地图可以直接提供定位功能,并且把位置信息以图层的形式标注在地图上面(PopupView),同时还支持自定义设置图标,这样便于用户直接查看位置信息.要实现以上的方法,我们主要需要 ...
百度地图官方的定位和方法
这几天比较闲,闲来无事就把之前做过项目的东西整理一下,今天要写的是项目中引用百度地图第三方的定位这些,供大家快速的集成和使用.首先在百度地图http://lbsyun.baidu.com/sdk/do ...
video 元素自定义 controls 控件以及常用事件、方法
video 元素自定义 controls 控件以及常用事件属性参考隐藏控件隐藏播放器右下角三个点自定义播放速度阻止默认的全屏和暂停自定义全屏播放常用事件常用属性和方法 <vide ...
百度地图切图工具下载和百度地图切图工具使用方法
百度地图切图很麻烦,虽然百度地图提供了api,百度地图API当前默认支持两种地图类型<map type>:普通图和三维图,如果您想自定义地图,那么这个时候就必须切图了...下今天小编给大家 ...
GPS、基站定位在百度地图上纠偏的解决方法
1.加入convertor.js文件 <script type="text/javascript" src="http://api.map.baidu.com/ge ...

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

百度地图的常用事件和方法相关推荐

最新文章

热门文章