Popup

概述

绘制Popup

用法示例

// 在地图marker上设置一个popup
marker.bindPopup(popupContent).openPopup();            
// 在折线等路径上设置一个popup
var popup = FMap.popup()
    .setLatLng(latlng)
    .setContent('<p>Hello world!<br />This is a nice popup.</p>')
    .openOn(map);

创建(Creation)

创建:

创建 描述
FMap.popup( <Popup options> options?, <ILayer> source? ) 实例化一个popup对象,给出一个option对象,描述其外观和位置,source对象为可选,用作切换popup

选项(Options)

选项:

选项 类型 默认值 描述
maxWidth Number 300 (最大宽度):弹出框的最大宽度
minWidth Number 50 (最小宽度):弹出框的最小宽度
maxHeight Number null (最大高度):设置后,如果内容超过弹出窗口的给定高度则产生一个可以滚动的容器
autoPan Boolean TRUE (自动平移):如果你不想地图自动平移来适应打开的弹出框,就设置其为false
keepInView Boolean FALSE 如果为true,当popup打开时,防止用户平移时popup关闭
closeButton Boolean TRUE (关闭按钮):控制弹出窗口中出现的关闭按钮
offset Point Point(0, 6) (补偿值):弹出窗口位置的补偿值,在同一图层中打开弹出窗口时对于控制锚点比较有用
autoPanPaddingTopLeft Point null 当autopanning执行后,popup与地图视图的左上角的margin值
autoPanPaddingBottomRight Point null 当autopanning执行后,popup与地图视图的右下角的margin值
autoPanPadding Point Point(5, 5) (自动平移填补):在地图视图自动平移产生后弹出窗口和地图视图之间的边缘
zoomAnimation Boolean TRUE 缩放时popup是否有动画
closeOnClick Boolean null 如果希望用户点击地图时(通过地图closePopupOnClick选项全局设置)覆盖弹出窗口关闭的默认行为,将其设置为false
className String '' 设置popup的classname

方法(Methods)

方法:

方法 参数 返回值 描述
addTo() <Map> map this 将弹出窗口添加到地图上
openOn() <Map> map this 将弹出窗口添加到地图上并将之前的一个关闭,与map.oenPopup(popup)方法相同
setLatLng() <LatLng> latlng this 设置弹出窗口打开的地理上的点位
getLatLng() LatLng 返回popup的地理坐标点
setContent() <String|HTMLElement> htmlContent this 设置弹出窗口的HTML内容
getContent() <String|HTMLElement> 返回信息窗口内容
update() this 更新popup的内容、布局或位置,只有在内部发生改变的时候才会起作用(比如image加载完成)

results matching ""

    No results matching ""