import MapMarker from 'kqwebmap-project/src/map/MapMarker.js'

public class | source

MapMarker

Extends:

L~L.Marker → MapMarker

它用于显示地图上的可点击/拖拽的图标。它支持这三种图标：Bootstrap 3 icons, Font Awesome 4.0, Semantic UI 0.9.8 icons, Ion Icons 2.0.1.

See:

./manual/mapmarker.html

Example:

// example 1:
var myIcon = new KQ.Struct.Icon({
  iconUrl: '../../images/custom-marker.png',
  iconSize: [ 25, 41 ],
  iconAnchor: [ 13, 40 ],
  shadowUrl: '../../images/marker-shadow.png',
  shadowSize: [ 25, 41 ],
  shadowAnchor: [ 8, 40 ],
});

var marker = new KQ.Map.MapMarker([ 30, 104 ], { icon: myIcon });
marker.addToMapView(mapView);

// example 2:
var iconOptions = {
  icon: 'fa-number',
  markerColor: 'blue',
  shape: 'square',
  prefix: 'fa',
  number: '3',
};

var marker = new KQ.Map.MapMarker([ 30.56, 113.66 ], {
  extraIcon: iconOptions,
});

marker.addToMapView(mapView);

Constructor Summary

Public Constructor
public	constructor(latlng: LatLng, options: Object) 构造函数

Method Summary

Public Methods
public	addToMapView(mapview: Object, isAddDraw: Boolean): Null 添加标记到mapview
public	bindPopup(content: String \| HTML, options: Object): MapMarker 绑定弹出框
public	bindTooltip(content: String \| HTML, options: Object): MapMarker 绑定提示信息
public	closePopup(): Null 关闭信息框
public	getBounds(): *
public	openPopup(latlng: LatLng): Null 弹出信息框
public	remove(): Null 移除标记
public	slideTo(latlng: LatLng, options: Object): Null 平滑移动标记
public	unbindPopup(): Null 移除弹出框.
public	unbindTooltip(): Null 移除提示信息

Public Constructors

public constructor(latlng: LatLng, options: Object) source

构造函数

Params:

Name	Type	Attribute	Description
latlng	LatLng		地理坐标点
options	Object		设置参数
options.icon	String		用于渲染标记的icon的类名
options.extraIcon	Object		用于生成新的图标。如果设置，options.icon将不会被使用了。
options.extraIcon.extraClasses	String		在创建的<i>标签中额外增加的类 (fa-rotate90 myclass; space delimited classes to add)
options.extraIcon.icon	String		带有前缀的图标的名称 (fa-coffee or see icon library's documentation)
options.extraIcon.iconColor	String		Icon的颜色 ('white', 'black' or css code, hex, rgba etc)
options.extraIcon.innerHTML	String		定制HTML (<svg>, images, or other HTML; a truthy assignment will override the default html icon creation behavior)
options.extraIcon.markerColor	String		标记的颜色 ('red', 'orange-dark', 'orange', 'yellow', 'blue-dark', 'cyan', 'purple', 'violet', 'pink', 'green-dark', 'green', 'green-light', 'black', or 'white')
options.extraIcon.number	String		不使用图标，而定义数字或字母 ('1' or 'A', must set icon: 'fa-number')
options.extraIcon.prefix	String		icon库的基础类 (fa or see icon library's documentation)
options.extraIcon.shape	String		标记的形状 ('circle', 'square', 'star', or 'penta')
options.draggable	Boolean		标记是否支持拖动
options.keyboard	Boolean		标记是否支持键盘操作
options.title	String		悬浮在标记上时的提示信息
options.alt	String		icon没有图像时的占位信息
options.opacity	String		标记的透明度
options.label	String		标签，支持html

Emit:

click	当用于单击时触发
dblclick	当用于双击时触发

Public Methods

public addToMapView(mapview: Object, isAddDraw: Boolean): Null source

添加标记到mapview

Params:

Name	Type	Attribute	Description
mapview	Object		mapview对象
isAddDraw	Boolean		是否添加到Draw中，默认为true

Return:

Null

public bindPopup(content: String | HTML, options: Object): MapMarker source

绑定弹出框

Params:

Name	Type	Attribute	Description
content	String \| HTML		弹出框内容
options	Object		设置参数
options.offset	Point		弹出框的偏移
options.maxWidth	Number		弹出框的最大宽度，单位像素
options.minWidth	Number		弹出框的最小宽度
options.maxHeight	Number		如果窗口的内容超过了它，在弹出窗口中将会出现滚动条

Return:

MapMarker

public bindTooltip(content: String | HTML, options: Object): MapMarker source

绑定提示信息

Params:

Name	Type	Attribute	Description
content	String \| HTML		提示信息内容
options	Object		设置参数
options.offset	Point		提示信息的偏移
options.opacity	Number		提示信息的透明度

Return:

MapMarker

public closePopup(): Null source

关闭信息框

Return:

Null

public getBounds(): * source

Return:

public openPopup(latlng: LatLng): Null source

弹出信息框

Params:

Name	Type	Attribute	Description
latlng	LatLng		目标位置（可选）

Return:

Null

public remove(): Null source

移除标记

Return:

Null

public slideTo(latlng: LatLng, options: Object): Null source

平滑移动标记

Params:

Name	Type	Attribute	Description
latlng	LatLng		目标位置
options	Object		设置选项
options.duration	Number		移动动画的持续时间，毫秒
options.keepAtCenter	Boolean		是否保持标记在地图中心点

Return:

Null

public unbindPopup(): Null source

移除弹出框.

Return:

Null

public unbindTooltip(): Null source

移除提示信息

Return:

Null