【Leafletjs】L.Map 中文API

 

L.Map

API各种类中的核心部分,用来在页面中创建地图并操纵地图.

使用 example

// initialize the map on the "map" div with a given center and zoom
var map = L.map('map', {
	center: [51.505, -0.09],
	zoom: 13
});

构造器

构造器 使用 描述
L.Map( <HTMLElement|String> id, <Map options>options? ) newL.Map()
L.map()
通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象,其中文字对象是可选的。

Options

Map State Options
选项 类型 默认值 描述
center LatLng null 初始化地图的地理中心.
zoom Number null 初始化地图的缩放.
layers ILayer[] null 初始化后加载到地图上的图层.
minZoom Number null 地图的最小视图。可以重写地图图层的minZoom.
maxZoom Number null 地图的最大视图。可以重写地图图层的maxZoom.
maxBounds LatLngBounds null 当这个选项被设置后,地图被限制在给定的地理边界内,当用户平移将地图拖动到视图以外的范围时会出现弹回的效果, 并且也不允许缩小视图到给定范围以外的区域(这取决于地图的尺寸)。 使用setMaxBounds方法可以动态地设置这种约束.
crs CRS L.CRS.
EPSG3857
使用的坐标系,当你不确定坐标系是什么时请不要更改.
Interaction Options
选项 类型 默认值 描述
dragging Boolean true 决定地图是否可被鼠标或触摸拖动.
touchZoom Boolean true 决定地图是否可被两只手指触摸拖拽缩放.
scrollWheelZoom Boolean true 决定地图是否被被鼠标滚轮滚动缩放.
doubleClickZoom Boolean true 决定地图是否可被双击缩放.
boxZoom Boolean true 决定地图是否可被缩放到鼠标拖拽出的矩形的视图,鼠标拖拽时需要同时按住shift键.
tap Boolean true Enables mobile hacks for supporting instant taps (fixing 200ms click delay on iOS/Android) and touch holds (fired as contextmenu events).
tapTolerance Number 15 The max number of pixels a user can shift his finger during touch for it to be considered a valid tap.
trackResize Boolean true 确定地图在窗口尺寸改变时是否可以自动处理浏览器以更新视图.
worldCopyJump Boolean false 当这个选项可用时,当你平移地图到其另一个领域时会被地图捕获到,并无缝地跳转到原始的领域以保证所有标注、矢量图层之类的覆盖物仍然可见.
closePopupOnClick Boolean true 当你不想用户点击地图关闭消息弹出框时,请将其设置为false .
Keyboard Navigation Options
选项 类型 默认值 描述
keyboard Boolean true 聚焦到地图且允许用户通过键盘的方向键和+/-键来漫游地图.
keyboardPanOffset Number 80 确定按键盘方向键时地图平移的像素.
keyboardZoomOffset Number 1 确定键盘+ or -键对于的缩放级数.
Panning Inertia Options
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值