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