Popup 弹出窗口
用于在地图的某些位置打开弹出窗口。使用 Map.openPopup 打开弹出窗口,同时确保一次只打开一个弹出窗口(推荐使用),或者使用 Map.addLayer 打开任意多个。
使用示例
如果您只想将弹出窗口(popup)绑定到标记(marker)单击然后打开它,这其实很简单:
marker.bindPopup(popupContent).openPopup();
像折线(polylines)这样的路径叠加也有一个 bindPopup 方法。这是在地图上打开弹出窗口的更复杂的方法:
var popup = hnsdk.popup()
.setLatLng(latlng)
.setContent('<p>Hello world!<br />This is a nice popup.</p>')
.openOn(map);
Creation
| 构造函数 | 说明 |
|---|---|
hnsdk.popup(options?, source?) | 实例化一个 Popup 对象,给定一个可选的 options 对象,描述其外观和位置,以及一个可选的 source 对象,用它所指向的图层的引用来标记弹出窗口(popup)。 |
Options 选项
| 选项 | 类型 | 默认值 | 说明 |
|---|---|---|---|
pane | String | 'popupPane' | Map pane where the popup will be added. |
offset | Point | Point(0, 7) | The offset of the popup position. |
maxWidth | Number | 300 | Popup 的最大宽度,以像素为单位。 |
minWidth | Number | 50 | Popup 的最小宽度,以像素为单位。 |
maxHeight | Number | null | 设置后,如果其内容超过它,则在 Popup 内创建给定高度的可滚动容器。 |
autoPan | Boolean | true | 如果你不想让地图做平移动画,把它设置为 false,以适应打开的 Popup。 |
autoPanPaddingTopLeft | Point | null | 自动平移后,Popup 与地图左上角之间的边距。 |
autoPanPaddingBottomRight | Point | null | 自动平移后,Popup 与地图右下角之间的边距。 |
autoPanPadding | Point | Point(5, 5) | 相当于将左上角和右下角自动平移填充设置为相同的值。 |
keepInView | Boolean | false | 如果您想防止用户在弹出窗口(popup)打开时将其移出屏幕,请将其设置为true。 |
closeButton | Boolean | true | 控制弹出窗口中是否有关闭按钮。 |
autoClose | Boolean | true | 如果您想重写在打开另一个弹出框时关闭弹出框的默认行为,请将其设置为 false。 |
closeOnEscapeKey | Boolean | true | 如果你想覆盖 ESC 键关闭弹出窗口 (popup) 的默认行为,将其设置为 false。 |
closeOnClick | Boolean | * | 如果您想覆盖用户点击地图时关闭弹出窗口的默认行为,请设置它。默认为地图 closePopupOnClick 选项。 |
className | String | '' | 为弹出窗口(popup)设置自定义 CSS 类名称。 |
