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加载完成) |