Leaflet 中文api

古城微笑少年丶 2022-09-22 13:51 309阅读 0赞

## L.Map ##

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

### ![251631414845428.png][] ###

### 使用 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
    });

### 构造器 ###

### Options ###

#### Map State Options ####

#### Interaction Options ####

#### Keyboard Navigation Options ####

#### Panning Inertia Options ####

#### Control options ####

#### Animation options ####

### Events ###

You can subscribe to the following events using [these methods][].

<table style=""> 
 <tbody style="margin:0px; padding:0px"> 
 <tr style="margin:0px; padding:0px"> 
 <th style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> Event</th> 
 <th style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> Data</th> 
 <th style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 描述</th> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">click</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 用户点击或触摸地图时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">dblclick</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 用户双击或连续两次触摸地图时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">mousedown</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 用户按下鼠标按键时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">mouseup</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 用户按下鼠标按键时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">mouseover</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 鼠标进入地图时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">mouseout</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 鼠标离开地图时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">mousemove</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 鼠标在地图上移动时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">contextmenu</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当用户在地图上按下鼠标右键时触发，如果有监听器在监听这个时间，则浏览器默认的情景菜单被禁用.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">focus</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当用户在地图上进行标引、点击或移动时进行聚焦.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">blur</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地图失去焦点时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">preclick</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#mouse-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">MouseEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当鼠标在地图上点击之前触发。有时会在点击鼠标时，并在已存在的点击事件开始处理之前想要某件事情发生时用得到.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">load</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地图初始化时触发。（当地图的中心点和缩放初次设置时）.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">unload</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> Fired when the map is destroyed with&nbsp;<a href="http://www.cnblogs.com/shitao/p/3566598.html#map-remove" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">remove</a>&nbsp;method.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">viewreset</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地图需要重绘内容时触发。（通常在地图缩放和载入时发生）这对于创建用户自定义的叠置图层非常有用.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">movestart</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 地图视图开始改变时触发。（比如用户开始拖动地图）.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">move</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 所有的地图视图移动时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">moveend</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地图视图结束改变时触发。（比如用户停止拖动地图）.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">dragstart</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 用户开始拖动地图时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">drag</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 用户拖动地图时不断重复地触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">dragend</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 用户停止拖动时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">zoomstart</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地图缩放即将发生时触发。（比如缩放动作开始前）.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">zoomend</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地图缩放时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">zoomlevelschange</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> Fired when the number of zoomlevels on the map is changed due to adding or removing a layer.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">resize</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#resize-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">ResizeEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> Fired when the map is resized.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">autopanstart</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">Event</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 打开弹出窗口时地图开始自动平移时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">layeradd</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#layer-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">LayerEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当一个新的图层添加到地图上时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">layerremove</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#layer-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">LayerEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当一些图层从地图上移除时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">baselayerchange</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#layer-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">LayerEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当通过<a href="http://www.cnblogs.com/shitao/p/3566598.html#control-layers" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">layer control</a>改变基础图层时触发.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">overlayadd</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#layer-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">LayerEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> Fired when an overlay is selected through the&nbsp;<a href="http://www.cnblogs.com/shitao/p/3566598.html#control-layers" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">layer control</a>.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">overlayremove</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#layer-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">LayerEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> Fired when an overlay is deselected through the&nbsp;<a href="http://www.cnblogs.com/shitao/p/3566598.html#control-layers" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">layer control</a>.</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">locationfound</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#location-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">LocationEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地理寻址成功时触发（使用<a href="http://www.cnblogs.com/shitao/p/3566598.html#map-locate" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">locate</a>方法）</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">locationerror</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#error-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">ErrorEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当地理寻址错误时触发（使用<a href="http://www.cnblogs.com/shitao/admin/map-locate" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">locate</a>方法）</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">popupopen</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#popup-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">PopupEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当弹出框打开时触发（使用<code style="margin:0px; padding:0px">openPopup</code>方法）</td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px">popupclose</code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <code style="margin:0px; padding:0px"><a href="http://www.cnblogs.com/shitao/p/3566598.html#popup-event" style="margin:0px; padding:1px 3px; color:green; text-decoration:none" rel="nofollow">PopupEvent</a></code></td> 
 <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 当弹出框关闭时触发（使用<code style="margin:0px; padding:0px">closePopup</code>方法）</td> 
 </tr> 
 </tbody> 
</table>

### 地图状态修改 ###

### 获取地图状态 ###

### 图层控制/h3> ###

### 转换方法 ###

### 其他方法 ###

### 位置选项 ###

### Zoom/pan options ###

### Pan options ###

### Zoom options ###

### fitBounds options ###

The same as [zoom/pan options][zoom_pan options] and additionally:

### Properties ###

M地图属性包括互动操作，允许你在运行环境中互动地控制地图行为，比如通过拖拽和点击缩放级别显示和不显示某要素. Example:

map.doubleClickZoom.disable();

You can also access default map controls like attribution control through map properties:

### 地图窗口 ###

望文思义，这是一个包括可以用来放置自定义图层的不同的地图窗口的对象。最大的区别是图层的叠置.

[251631414845428.png]: /images/20220721/9f2e274b1cde41949682c6451dfc17b7.png
[these methods]: http://www.cnblogs.com/shitao/p/3566598.html#events
[zoom_pan options]: http://www.cnblogs.com/shitao/p/3566598.html#map-zoompanoptions