GeoExt.Popup

Extends

• Ext.Window

xtype

gx_popup

class GeoExt.Popup(config)

Popups are a specialized Window that supports anchoring to a particular location in a MapPanel. When a popup is anchored to a location, that means that the popup will visibly point to the location on the map, and move accordingly when the map is panned or zoomed.

Example Use

Sample code to create a popup anchored to a feature:

var popup = new GeoExt.Popup({
    title: "My Popup",
    location: feature,
    width: 200,
    html: "<div>Popup content</div>",
    collapsible: true
});

Config Options

Configuration properties in addition to those listed for Ext.Window.

ancCls

String CSS class name for the popup’s anchor.

anchored

Boolean The popup begins anchored to its location. Default is true.

anchorPosition

String Controls the anchor position for the popup. If set to auto, the anchor will be positioned on the top or the bottom of the window, minimizing map movement. Supported values are bottom-left, bottom-right, top-left, top-right or auto. Defaults to auto.

location

OpenLayers.Feature.Vector or OpenLayers.LonLat or OpenLayers.Pixel or OpenLayers.Geometry A location for this popup’s anchor.

map

OpenLayers.Map or GeoExt.MapPanel The map this popup will be anchored to (only required if anchored is set to true and the map cannot be derived from the location‘s layer.

panIn

Boolean The popup should pan the map so that the popup is fully in view when it is rendered. Default is true.

popupCls

String CSS class name for the popup DOM elements. Default is “gx-popup”.

unpinnable

Boolean The popup should have a “unpin” tool that unanchors it from its location. Default is true.

Public Methods

Public methods in addition to those listed for Ext.Window.

Popup.setSize()

Parameters:

• w – Integer
• h – Integer

Sets the size of the popup, taking into account the size of the anchor.