Class: InfoWindow

InfoWindow

Class for info window, a popup on the map to display any useful infomation you wanted.

new ui.InfoWindow(options) [source]

Parameter Type Description
options Object options defined in InfoWindow
Extends:
Fires:

Members

  • (constant) options

    • Properties:
    Name Type Description
    options Object
    Properties
    Name Type Default Description
    autoPan opt Boolean true set it to false if you don't want the map to do panning animation to fit the opened window.
    autoCloseOn opt String null Auto close infowindow on map's events, e.g. "click contextmenu" will close infowindow with click or right click on map.
    autoOpenOn opt String 'click' Auto open infowindow on owner's events, e.g. "click" will open infowindow with click or right click on window's owner.
    width opt Number auto default width
    minHeight opt Number 120 minimun height
    custom opt Boolean false set it to true if you want a customized infowindow, customized html codes or a HTMLElement is set to content.
    title opt String null title of the infowindow.
    content String | HTMLElement content of the infowindow.
    enableTemplate opt Boolean false whether open template . such as content:`homepage:{url},company name:{name}`.
    eventsPropagation opt Boolean false whether stop ALL events' propagation.
    eventsToStop opt Boolean null UI's dom events to stop propagation if eventsPropagation is true.
    dx opt Number 0 pixel offset on x axis
    dy opt Number 0 pixel offset on y axis
    autoPanDuration opt Boolean 600 duration for auto panning animation.
    single opt Boolean true whether the UI is a global single one, only one UI will be shown at the same time if set to true.
    animation opt Boolean null fade | scale | fade,scale, add animation effect when showing and hiding.
    animationDuration opt Number 300 animation duration, in milliseconds.
    animationOnHide opt Number false if calls animation on hiding.
    pitchWithMap opt Boolean false whether tilt with map
    rotateWithMap opt Boolean false whether rotate with map
    collision opt Boolean false whether collision
    collisionBufferSize opt Number 2 collision buffer size
    collisionWeight opt Number 0 Collision weight, large priority collision
    collisionFadeIn opt Boolean false Collision fade in animation
    zIndex opt Number 0 dom zindex
    Overrides:
    Source:

    Methods

  • addTo(owner) [source]

    • Adds the UI Component to a geometry or a map
    Parameter Type Description
    owner Geometry | Map geometry or map to addto.
    Fires:
    Returns:
    UIComponent: this

  • setContent(content) [source]

    • Set the content of the infowindow.
    Parameter Type Description
    content String | HTMLElement content of the infowindow. return {InfoWindow} this
    Fires:

  • getContent() [source]

    • Get content of the infowindow.
    Returns:
    String|HTMLElement: - content of the infowindow

  • setTitle(title) [source]

    • Set the title of the infowindow.
    Parameter Type Description
    title String | HTMLElement title of the infowindow. return {InfoWindow} this
    Fires:

  • getTitle() [source]

    • Get title of the infowindow.
    Returns:
    String|HTMLElement: - content of the infowindow

  • (protected) getTransformOrigin() [source]

    • Gets InfoWindow's transform origin for animation transform
    Returns:
    Point: transform origin

  • (inherited) getMap() [source]

    • Get the map it added to
    Inherited From:
    Returns:
    Map: map instance

  • (inherited) show(coordinateopt) [source]

    • Show the UI Component, if it is a global single one, it will close previous one.
    Parameter Type Default Description
    coordinate opt Coordinate null coordinate to show, default is owner's center
    Fires:
    Returns:
    ui.UIComponent: this

  • (inherited) hide() [source]

    • Hide the UI Component.
    Inherited From:
    Fires:
    Returns:
    ui.UIComponent: this

  • (inherited) isVisible() [source]

    • Decide whether the ui component is open
    Inherited From:
    Returns:
    Boolean: true|false

  • (inherited) remove() [source]

    • Remove the UI Component
    Inherited From:
    Fires:
    Returns:
    ui.UIComponent: this

  • (inherited) getSize() [source]

    • Get pixel size of the UI Component.
    Inherited From:
    Returns:
    Size: size

  • (inherited) getDOM() [source]

    • get Dom Node
    Inherited From:
    Returns:
    HTMLDivElement: dom|null

  • (inherited) setZIndex() [source]

    • set Dom Node zIndex
    Inherited From:

  • (inherited) on(eventsOn, handler, contextopt) [source]

    • Register a handler function to be called whenever this event is fired. 
    foo.on('mousedown mousemove mouseup', onMouseEvent, foo);
    Parameter Type Default Description
    eventsOn String event types to register, seperated by space if more than one.
    handler function handler function to be called
    context opt Object null the context of the handler
    Mixes From:
    Returns:
    Any: this

  • (inherited) addEventListener(eventTypes, handler, contextopt) [source]

    • Alias for on
    Parameter Type Default Description
    eventTypes String event types to register, seperated by space if more than one.
    handler function handler function to be called
    context opt Object null the context of the handler
    Mixes From:
    Returns:
    : this

  • (inherited) once(eventTypes, handler, contextopt) [source]

    • Same as on, except the listener will only get fired once and then removed. 
    foo.once('mousedown mousemove mouseup', onMouseEvent, foo);
    Parameter Type Default Description
    eventTypes String event types to register, seperated by space if more than one.
    handler function listener handler
    context opt Object null the context of the handler
    Mixes From:
    Returns:
    : this

  • (inherited) off(eventsOff, handler, contextopt) [source]

    • Unregister the event handler for the specified event types. 
    foo.off('mousedown mousemove mouseup', onMouseEvent, foo);
    Parameter Type Default Description
    eventsOff String event types to unregister, seperated by space if more than one.
    handler function listener handler
    context opt Object null the context of the handler
    Mixes From:
    Returns:
    : this

  • (inherited) removeEventListener(eventTypes, handler, contextopt) [source]

    • Alias for off
    Parameter Type Default Description
    eventTypes String event types to unregister, seperated by space if more than one.
    handler function listener handler
    context opt Object null the context of the handler
    Mixes From:
    Returns:
    : this

  • (inherited) listens(eventType, hanlderopt, contextopt) [source]

    • Returns listener's count registered for the event type.
    Parameter Type Default Description
    eventType String an event type
    hanlder opt function null listener function
    context opt Object null the context of the handler
    Mixes From:
    Returns:
    Number:

  • (inherited) getListeningEvents() [source]

    • Get all the listening event types
    Mixes From:
    Returns:
    Array.<String>: events

  • (inherited) copyEventListeners(target) [source]

    • Copy all the event listener to the target object
    Parameter Type Description
    target Object target object to copy to.
    Mixes From:
    Returns:
    : this

  • (inherited) fire(eventType, param) [source]

    • Fire an event, causing all handlers for that event name to run.
    Parameter Type Description
    eventType String an event type to fire
    param Object parameters for the listener function.
    Mixes From:
    Returns:
    : this

  • (inherited) callInitHooks() [source]

    • Visit and call all the init hooks defined on Class and its parents.
    Inherited From:
    Returns:
    Class: this

  • (inherited) setOptions(options) [source]

    • Merges options with the default options of the object.
    Parameter Type Description
    options Object options to set
    Inherited From:
    Returns:
    Class: this

  • (inherited) config(conf) [source]

    • 1. Return object's options if no parameter is provided.
    2. update an option and enable/disable the handler if a handler with the same name existed. 
    // Get marker's options;
var options = marker.config();
// Set map's option "draggable" to false and disable map's draggable handler.
map.config('draggable', false);
// You can update more than one options like this:
map.config({
    'scrollWheelZoom' : false,
    'doubleClickZoom' : false
});
    Parameter Type Description
    conf Object config to update
    Inherited From:
    Returns:
    Class: this

  • (inherited) onConfig() [source]

    • Default callback when config is called
    Inherited From:

    Events

  • (inherited) add [source]

    • add event.
    Inherited From:
    Properties:
    Name Type Description
    type String add
    target ui.UIComponent UIComponent
    Inherited From:
    Source:

  • (inherited) showstart [source]

    • showstart event.
    Inherited From:
    Properties:
    Name Type Description
    type String showstart
    target ui.UIComponent UIComponent
    Inherited From:
    Source:

  • (inherited) showend [source]

    • showend event.
    Inherited From:
    Properties:
    Name Type Description
    type String showend
    target ui.UIComponent UIComponent
    Inherited From:
    Source:

  • (inherited) hide [source]

    • hide event.
    Inherited From:
    Properties:
    Name Type Description
    type String hide
    target ui.UIComponent UIComponent
    Inherited From:
    Source:

  • (inherited) remove [source]

    • remove event.
    Inherited From:
    Properties:
    Name Type Description
    type String remove
    target ui.UIComponent UIComponent
    Inherited From:
    Source: