Image
查阅Leaflet API

new mars2d.graphic.Image(options)
graphic/Image.js 21

图片矩形 矢量对象

参数名称 类型 描述信息
options Object

参数对象，包括以下：

参数名称 类型 默认值 描述信息
latlngs Array.<L.LatLng> | L.LatLngBounds

坐标数组
style Image.StyleOptions 可选

样式参数
attr Object 可选

属性信息
hasEdit Boolean true 可选

是否可以编辑
isAutoEditing Boolean false 可选

是否构造后就自动启动编辑(需要hasEdit:true时)
popup String | HTMLElement | function 可选

绑定的popup弹窗值，也可以bindPopup方法绑定
popupOptions Map.PopupOptions 可选

popup弹窗时的配置参数
tooltip String | Array | function 可选

绑定的tooltip弹窗值，也可以bindTooltip方法绑
tooltipOptions Map.TooltipOptions 可选

tooltip弹窗时的配置参数
id String | Number 可选

矢量数据id标识
参考:

继承自

属性值

只读 area : Number
graphic/Rectangle.js 169

面积（单位：平方米）

继承自:

attr : Object
graphic/Rectangle.js 177

属性信息

继承自:

只读 center : L.LatLng
graphic/Rectangle.js 147

中心点

继承自:

只读 coordinates : Array.<Array>
graphic/Rectangle.js 134

经纬度位置坐标(数组对象)，示例 [ [123.123456,32.654321], [111.123456,22.654321] ]

继承自:

只读 distance : Number
graphic/Rectangle.js 160

周长距离（单位：米）

继承自:

id : String|Number
graphic/Rectangle.js 88

对象的id标识

继承自:

只读 isAdded : Boolean
graphic/Rectangle.js 224

是否已添加到地图

继承自:

latlngs : Array.<L.LatLng>
graphic/Rectangle.js 100

坐标位置数组

继承自:

只读 outlineLatlngs : Array.<L.LatLng>
graphic/Rectangle.js 124

矩形的边线坐标集合

继承自:

show : Boolean
graphic/Rectangle.js 203

显示隐藏状态

继承自:

style : Object
graphic/Rectangle.js 190

样式信息

继承自:

方法

addEventParent(obj) → Rectangle
graphic/Rectangle.js 660

添加抛出事件到父类，它将接收传播的事件

参数名称 类型 描述信息
obj Object

父类对象
返回值:

当前对象本身,可以链式调用

继承自:

addLatLng(latlng) → Rectangle
graphic/Rectangle.js 368

向矢量对象添加一个给定点。

参数名称 类型 描述信息
latlng L.LatLng

经纬度对象
返回值:

当前对象本身，可以链式调用

继承自:

addTo(map) → Rectangle
graphic/Rectangle.js 414

将图层添加到地图

参数名称 类型 描述信息
map Map

地图对象
返回值:

当前对象本身，可以链式调用

继承自:

bindContextMenu(contextmenuItems) → Map
graphic/Rectangle.js 567

绑定右键菜单

参数名称 类型 描述信息
contextmenuItems Array.<Object>

右键菜单数组
返回值:

当前对象本身，可以链式调用

继承自:

bindPopup(content, options) → Rectangle
graphic/Rectangle.js 433

绑定Popup弹窗配置

参数名称 类型 描述信息
content String | HTMLElement | function | L.Popup

Popup弹窗内容
options Map.PopupOptions | Object 可选

Popup弹窗参数
返回值:

当前对象本身，可以链式调用

继承自:

bindTooltip(content, options) → Rectangle
graphic/Rectangle.js 500

绑定Tooltip弹窗配置

参数名称 类型 描述信息
content String | HTMLElement | function | L.Tooltip

Tooltip弹窗内容
options Map.TooltipOptions | Object 可选

Tooltip弹窗参数
返回值:

当前对象本身，可以链式调用

继承自:

bringToBack() → Rectangle
graphic/Rectangle.js 405

将线移动到所有路径层的底部

返回值:

当前对象本身,可以链式调用

继承自:

bringToFront() → Rectangle
graphic/Rectangle.js 396

将线移动到所有路径层的顶部

返回值:

当前对象本身,可以链式调用

继承自:

closePopup() → Rectangle
graphic/Rectangle.js 463

关闭打开的弹窗

返回值:

当前对象本身，可以链式调用

继承自:

closeTooltip() → Rectangle
graphic/Rectangle.js 530

关闭打开的弹窗

返回值:

当前对象本身，可以链式调用

继承自:

destroy() → void
graphic/Rectangle.js 681

销毁矢量对象

返回值:

无

继承自:

fire(type, data, propagate) → void
graphic/Rectangle.js 621

触发指定类型的事件。

参数名称 类型 默认值 描述信息
type String | EventType

事件类型
data Object 可选

传输的数据或对象，可在事件回调方法中event对象中获取进行使用
propagate BaseClass | Object null 可选

将事件传播给父类 (用addEventParent设置)
返回值:

无

继承自:

getBounds() → L.LatLngBounds
graphic/Rectangle.js 378

获取线的矩形边界

返回值:

矩形边界

继承自:

getContextMenu() → Array.<Object>
graphic/Rectangle.js 577

获取绑定的右键菜单

返回值:

右键菜单数组

继承自:

getLatLngs() → Array.<L.LatLng>
graphic/Rectangle.js 349

返回矢量对象的坐标点的数组，或者在多矢量对象的情况下返回嵌套的点阵列。

返回值:

经纬度数组

继承自:

getPopup() → L.Popup
graphic/Rectangle.js 491

获取当前绑定在图层上的Popup弹窗对象

返回值:

Popup弹窗对象

继承自:

getTooltip() → L.Tooltip
graphic/Rectangle.js 558

获取当前绑定在图层上的Tooltip弹窗对象

返回值:

Tooltip弹窗对象

继承自:

isInPoly(latlng) → Boolean
graphic/Rectangle.js 308

判断指定坐标是否在当前矩形内

参数名称 类型 描述信息
latlng L.LatLng

坐标
返回值:

是否在矩形内

继承自:

isPopupOpen() → boolean
graphic/Rectangle.js 472

当前绑定的弹窗是是否打开

返回值:

是否打开弹窗

继承自:

isTooltipOpen() → boolean
graphic/Rectangle.js 539

当前绑定的弹窗是是否打开

返回值:

是否打开弹窗

继承自:

listens(type, propagate) → Boolean
graphic/Rectangle.js 648

是否有绑定指定的事件

参数名称 类型 描述信息
type String | EventType

事件类型
propagate Object 可选

是否判断指定的父类 (用addEventParent设置的)
返回值:

是否存在

继承自:

off(types, fn, context) → void
graphic/Rectangle.js 608

解除绑定指定类型事件监听器

参数名称 类型 描述信息
types String | EventType | Object 可选

事件类型，Object时删除一组类型/侦听器对。
fn function 可选

绑定的监听器回调方法
context Object 可选

侦听器的上下文(this关键字将指向的对象)。
返回值:

无

继承自:

on(type, fn, context) → void
graphic/Rectangle.js 595

绑定指定类型事件监听器

参数名称 类型 描述信息
type String | EventType | Object

事件类型，当是Object时可以添加一组类型/侦听器对，例如 {click: onClick, mousemove: onMouseMove}
fn function 可选

绑定的监听器回调方法
context Object 可选

侦听器的上下文(this关键字将指向的对象)。
返回值:

无

继承自:

once(types, fn, context) → void
graphic/Rectangle.js 634

绑定一次性执行的指定类型事件监听器 与on类似，监听器只会被触发一次，然后被删除。

参数名称 类型 描述信息
types String | EventType | Object 可选

事件类型，Object时删除一组类型/侦听器对。
fn function 可选

绑定的监听器回调方法
context Object 可选

侦听器的上下文(this关键字将指向的对象)。
返回值:

无

继承自:

openPopup(latlng) → Rectangle
graphic/Rectangle.js 453

打开Popup弹窗

参数名称 类型 描述信息
latlng L.LatLng 可选

位置,如果latlng没有设置则在默认的所在位置打开。
返回值:

当前对象本身，可以链式调用

继承自:

openTooltip(latlng) → Rectangle
graphic/Rectangle.js 520

打开Tooltip弹窗

参数名称 类型 描述信息
latlng L.LatLng 可选

位置,如果latlng没有设置则在默认的所在位置打开。
返回值:

当前对象本身，可以链式调用

继承自:

redraw() → Rectangle
graphic/Rectangle.js 387

重新绘制。在更改路径所使用的坐标之后会很有用。

返回值:

当前对象本身，可以链式调用

继承自:

remove() → Rectangle
graphic/Rectangle.js 424

将图层从地图上移除

返回值:

当前对象本身，可以链式调用

继承自:

removeEventParent(obj) → Rectangle
graphic/Rectangle.js 670

移除抛出事件到父类

参数名称 类型 描述信息
obj Object

父类对象
返回值:

当前对象本身,可以链式调用

继承自:

setBounds(latLngBounds) → Rectangle
graphic/Rectangle.js 339

用传递的LatLngBounds边界重绘矩形。

参数名称 类型 描述信息
latLngBounds L.LatLngBounds

边界
返回值:

当前对象本身，可以链式调用

继承自:

setLatLngs(latLngBounds) → Image
graphic/Image.js 71

更新图片范围边界

参数名称 类型 描述信息
latLngBounds L.LatLngBounds | Array.<L.LatLng>

矩形边界
返回值:

当前对象本身，可以链式调用

setOpacity(opacity) → Image
graphic/Image.js 83

更新不透明度

参数名称 类型 描述信息
opacity Number

透明度
返回值:

当前对象本身，可以链式调用

setPopupContent(content) → Rectangle
graphic/Rectangle.js 481

设定绑定在图层上的弹窗的内容

参数名称 类型 描述信息
content String | HTMLElement | L.Popup

Popup弹窗内容
返回值:

当前对象本身，可以链式调用

继承自:

setStyle(newStyle) → Image
graphic/Image.js 98

设置 样式信息 的钩子方法

参数名称 类型 描述信息
newStyle Image.StyleOptions

本次更新的部分样式信息,内部会合并属性
返回值:

当前对象本身，可以链式调用

setTooltipContent(content) → Rectangle
graphic/Rectangle.js 548

设定绑定在图层上的弹窗的内容

参数名称 类型 描述信息
content String | HTMLElement | L.Tooltip

Tooltip弹窗内容
返回值:

当前对象本身，可以链式调用

继承自:

toGeoJSON(options) → Object
graphic/Rectangle.js 278

将图层数据导出为GeoJSON格式规范对象。

参数名称 类型 描述信息
options Object 可选

参数对象:

参数名称 类型 描述信息
outline boolean 可选

是否导出为矩形的边线坐标
precision Number 可选

保留经纬度的小数位数
返回值:

GeoJSON格式规范对象

继承自:

toJSON() → Object
graphic/Rectangle.js 331

将矢量数据的坐标、样式及属性等信息导出为对象，可以用于存储。

返回值:

导出的坐标、样式及属性等信息

继承自:

unbindContextMenu() → Map
graphic/Rectangle.js 586

解除绑定右键菜单

返回值:

当前对象本身，可以链式调用

继承自:

unbindPopup() → Rectangle
graphic/Rectangle.js 444

解除绑定Popup弹窗配置

返回值:

当前对象本身，可以链式调用

继承自:

unbindTooltip() → Rectangle
graphic/Rectangle.js 511

解除绑定Tooltip弹窗配置

返回值:

当前对象本身，可以链式调用

继承自:

定义的类型

mars2d.graphic.Image.StyleOptions
graphic/Image.js 6

图片矩形 支持的样式信息

属性:
属性名称 类型 可选 默认值 描述信息
url String

图片url地址
opacity Number <可选>
 1

瓦片的不透明度。
interactive Boolean <可选>
 true

是否触发鼠标事件，如果false，该层不会发出鼠标事件，并且将作为底层地图的一部分。
crossOrigin Boolean <可选>
 false

如果为true，则所有图块将其crossOrigin属性设置为“*”。如果要访问像素数据，则需要这样做。
zIndex Number <可选>

css的叠加顺序
highlight Image.StyleOptions <可选>

【预留功能，待后续版本开发】鼠标移入或单击(type:'click')后的对应高亮的部分样式，创建Graphic后也可以openHighlight、closeHighlight方法来手动调用
label Label.StyleOptions <可选>

【预留功能，待后续版本开发】支持附带文字的显示
下载离线API文档