coffeescript-ui

<!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>Coffeescript-UI Documentation</title> <script src='../../javascript/application.js'></script> <script src='../../javascript/search.js'></script> <link rel='stylesheet' href='../../stylesheets/application.css' type='text/css'> </head> <body> <div id='base' data-path='../../'></div> <div id='header'> <div id='menu'> <a href='../../alphabetical_index.html' title='Index'> Index </a> » <span class='title'>CUI</span> » <span class='title'>Map</span> </div> </div> <div id='content'> <h1> Class: CUI.Map </h1> <table class='box'> <tr> <td>Defined in:</td> <td>elements/Map/Map.coffee</td> </tr> <tr> <td>Inherits:</td> <td> <a href='../../class/CUI/Pane.html'>CUI.Pane</a> </td> </tr> </table> <h2>Direct Known Subclasses</h2> <p class='children'> <a href='../../class/CUI/GoogleMap.html'>CUI.GoogleMap</a> <a href='../../class/CUI/LeafletMap.html'>CUI.LeafletMap</a> </p> <h2>Variables Summary</h2> <dl class='constants'> <dt id='defaults-variable'> defaults = </dt> <dd> <pre><code class='coffeescript'>{ maxZoom: 18, minZoom: 0, buttons: { fullscreen: { open: { icon: "fa-arrows-alt" }, close: { icon: "fa-compress" }, tooltip: "Open/Close fullscreen" }, zoom: { plus: { icon: "zoom_in", tooltip: "Zoom in" }, reset: { icon: "fa-dot-circle-o", tooltip: "Reset" }, minus: { icon: "zoom_out", tooltip: "Zoom out" } } } }</code></pre> </dd> </dl> <h3 class='inherited'> Variable inherited from <a href='../../class/CUI/Pane.html'>CUI.Pane</a> </h3> <p class='inherited'> <a href='../../class/CUI/Pane.html#defaults-variable'>defaults</a> <a href='../../class/CUI/Element.html#uniqueId-variable'>uniqueId</a> </p> <h2>Class Method Summary</h2> <ul class='summary'> <li> <span class='signature'> <a href='#isValidLatitude-static'> . (void) <b>isValidLatitude</b><span>(value)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#isValidLongitude-static'> . (void) <b>isValidLongitude</b><span>(value)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#isValidPosition-static'> . (void) <b>isValidPosition</b><span>(position)</span> </a> </span> <span class='desc'> </span> </li> </ul> <h2>Instance Method Summary</h2> <ul class='summary'> <li> <span class='signature'> <a href='#initOpts-dynamic'> # (void) <b>initOpts</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#addMarkers-dynamic'> # (void) <b>addMarkers</b><span>(optionsArray)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#addMarker-dynamic'> # (void) <b>addMarker</b><span>(options)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#removeMarkers-dynamic'> # (void) <b>removeMarkers</b><span>(markers)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#removeMarker-dynamic'> # (void) <b>removeMarker</b><span>(marker)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#updateSelectedMarkerOptions-dynamic'> # (void) <b>updateSelectedMarkerOptions</b><span>(_selectedMarkerOptions)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#setButtonBar-dynamic'> # (void) <b>setButtonBar</b><span>(buttons, position)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#getSelectedMarkerPosition-dynamic'> # (void) <b>getSelectedMarkerPosition</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#setSelectedMarkerPosition-dynamic'> # (void) <b>setSelectedMarkerPosition</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#removeSelectedMarker-dynamic'> # (void) <b>removeSelectedMarker</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#hideMarkers-dynamic'> # (void) <b>hideMarkers</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#showMarkers-dynamic'> # (void) <b>showMarkers</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#zoomToFitAllMarkers-dynamic'> # (void) <b>zoomToFitAllMarkers</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#zoomIn-dynamic'> # (void) <b>zoomIn</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#zoomOut-dynamic'> # (void) <b>zoomOut</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#resize-dynamic'> # (void) <b>resize</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#getZoom-dynamic'> # (void) <b>getZoom</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#setZoom-dynamic'> # (void) <b>setZoom</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#setCenter-dynamic'> # (void) <b>setCenter</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#getCenter-dynamic'> # (void) <b>getCenter</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__addMarkerToMap-dynamic'> # (void) <b>__addMarkerToMap</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__getMapClassName-dynamic'> # (void) <b>__getMapClassName</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__buildMap-dynamic'> # (void) <b>__buildMap</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__buildMarker-dynamic'> # (void) <b>__buildMarker</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__bindOnClickMapEvent-dynamic'> # (void) <b>__bindOnClickMapEvent</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__onMarkerClick-dynamic'> # (void) <b>__onMarkerClick</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__removeMarker-dynamic'> # (void) <b>__removeMarker</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__addCustomOption-dynamic'> # (void) <b>__addCustomOption</b><span>(options, key, value)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__afterMarkerCreated-dynamic'> # (void) <b>__afterMarkerCreated</b><span>(marker, options)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__getMarkerOptions-dynamic'> # (void) <b>__getMarkerOptions</b><span>(options)</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__onReady-dynamic'> # (void) <b>__onReady</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__onMoveEnd-dynamic'> # (void) <b>__onMoveEnd</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__disableEnableZoomButtons-dynamic'> # (void) <b>__disableEnableZoomButtons</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__getZoomButtons-dynamic'> # (void) <b>__getZoomButtons</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#__getFullscreenButtonOpts-dynamic'> # (void) <b>__getFullscreenButtonOpts</b><span>()</span> </a> </span> <span class='desc'> </span> </li> <li> <span class='signature'> <a href='#destroy-dynamic'> # (void) <b>destroy</b><span>()</span> </a> </span> <span class='desc'> </span> </li> </ul> <h2> <small>Inherited Method Summary</small> <h3 class='inherited'> Methods inherited from <a href='../../class/CUI/Pane.html'>CUI.Pane</a> </h3> <p class='inherited'> <a href='../../class/CUI/Pane.html#__init-dynamic'>#__init</a> <a href='../../class/CUI/Pane.html#initOpts-dynamic'>#initOpts</a> <a href='../../class/CUI/Pane.html#readOpts-dynamic'>#readOpts</a> <a href='../../class/CUI/Pane.html#hasHeader-dynamic'>#hasHeader</a> <a href='../../class/CUI/Pane.html#hasFooter-dynamic'>#hasFooter</a> <a href='../../class/CUI/Pane.html#getFillScreenState-dynamic'>#getFillScreenState</a> <a href='../../class/CUI/Pane.html#endFillScreen-dynamic'>#endFillScreen</a> <a href='../../class/CUI/Pane.html#startFillScreen-dynamic'>#startFillScreen</a> <a href='../../class/CUI/Pane.html#toggleFillScreen-dynamic'>#toggleFillScreen</a> <a href='../../class/CUI/Pane.html#getToggleFillScreenButton-static'>.getToggleFillScreenButton</a> <a href='../../class/CUI/VerticalLayout.html#getName-dynamic'>#getName</a> <a href='../../class/CUI/VerticalLayout.html#getMapPrefix-dynamic'>#getMapPrefix</a> <a href='../../class/CUI/VerticalLayout.html#hasFlexHandles-dynamic'>#hasFlexHandles</a> <a href='../../class/CUI/VerticalLayout.html#getPanes-dynamic'>#getPanes</a> <a href='../../class/CUI/VerticalLayout.html#getSupportedPanes-dynamic'>#getSupportedPanes</a> <a href='../../class/CUI/Layout.html#maximizeAddClasses-dynamic'>#maximizeAddClasses</a> <a href='../../class/CUI/Layout.html#maximizeReadOpts-dynamic'>#maximizeReadOpts</a> <a href='../../class/CUI/Layout.html#init-dynamic'>#init</a> <a href='../../class/CUI/Layout.html#getTemplateMap-dynamic'>#getTemplateMap</a> <a href='../../class/CUI/Layout.html#destroy-dynamic'>#destroy</a> <a href='../../class/CUI/Layout.html#__initPane-dynamic'>#__initPane</a> <a href='../../class/CUI/Layout.html#initDefaultPanes-dynamic'>#initDefaultPanes</a> <a href='../../class/CUI/Layout.html#getLayout-dynamic'>#getLayout</a> <a href='../../class/CUI/Layout.html#getButtonbar-dynamic'>#getButtonbar</a> <a href='../../class/CUI/Layout.html#__callAutoButtonbar-dynamic'>#__callAutoButtonbar</a> <a href='../../class/CUI/Layout.html#append-dynamic'>#append</a> <a href='../../class/CUI/Layout.html#replace-dynamic'>#replace</a> <a href='../../class/CUI/Layout.html#setAbsolute-dynamic'>#setAbsolute</a> <a href='../../class/CUI/Layout.html#unsetAbsolute-dynamic'>#unsetAbsolute</a> <a href='../../class/CUI/Layout.html#__all-static'>.__all</a> <a href='../../class/CUI/Layout.html#all-static'>.all</a> <a href='../../class/CUI/DOMElement.html#registerTemplate-dynamic'>#registerTemplate</a> <a href='../../class/CUI/DOMElement.html#getDOMElementClasses-dynamic'>#getDOMElementClasses</a> <a href='../../class/CUI/DOMElement.html#registerDOMElement-dynamic'>#registerDOMElement</a> <a href='../../class/CUI/DOMElement.html#getElementForLayer-dynamic'>#getElementForLayer</a> <a href='../../class/CUI/DOMElement.html#unregisterDOMElement-dynamic'>#unregisterDOMElement</a> <a href='../../class/CUI/DOMElement.html#__assertDOMElement-dynamic'>#__assertDOMElement</a> <a href='../../class/CUI/DOMElement.html#__assertTemplateElement-dynamic'>#__assertTemplateElement</a> <a href='../../class/CUI/DOMElement.html#addClass-dynamic'>#addClass</a> <a href='../../class/CUI/DOMElement.html#setAria-dynamic'>#setAria</a> <a href='../../class/CUI/DOMElement.html#removeClass-dynamic'>#removeClass</a> <a href='../../class/CUI/DOMElement.html#hide-dynamic'>#hide</a> <a href='../../class/CUI/DOMElement.html#show-dynamic'>#show</a> <a href='../../class/CUI/DOMElement.html#hasClass-dynamic'>#hasClass</a> <a href='../../class/CUI/DOMElement.html#isDestroyed-dynamic'>#isDestroyed</a> <a href='../../class/CUI/DOMElement.html#empty-dynamic'>#empty</a> <a href='../../class/CUI/DOMElement.html#prepend-dynamic'>#prepend</a> <a href='../../class/CUI/DOMElement.html#text-dynamic'>#text</a> <a href='../../class/CUI/DOMElement.html#get-dynamic'>#get</a> <a href='../../class/CUI/DOMElement.html#getFlexHandle-dynamic'>#getFlexHandle</a> <a href='../../class/CUI/Element.html#getElementClass-dynamic'>#getElementClass</a> <a href='../../class/CUI/Element.html#getUniqueId-dynamic'>#getUniqueId</a> <a href='../../class/CUI/Element.html#getOpts-dynamic'>#getOpts</a> <a href='../../class/CUI/Element.html#getOpt-dynamic'>#getOpt</a> <a href='../../class/CUI/Element.html#hasOpt-dynamic'>#hasOpt</a> <a href='../../class/CUI/Element.html#getSetOpt-dynamic'>#getSetOpt</a> <a href='../../class/CUI/Element.html#hasSetOpt-dynamic'>#hasSetOpt</a> <a href='../../class/CUI/Element.html#copy-dynamic'>#copy</a> <a href='../../class/CUI/Element.html#mergeOpt-dynamic'>#mergeOpt</a> <a href='../../class/CUI/Element.html#removeOpt-dynamic'>#removeOpt</a> <a href='../../class/CUI/Element.html#addOpt-dynamic'>#addOpt</a> <a href='../../class/CUI/Element.html#addOpts-dynamic'>#addOpts</a> <a href='../../class/CUI/Element.html#mergeOpts-dynamic'>#mergeOpts</a> <a href='../../class/CUI/Element.html#__getCheckMap-dynamic'>#__getCheckMap</a> <a href='../../class/CUI/Element.html#readOptsFromAttr-dynamic'>#readOptsFromAttr</a> <a href='../../class/CUI/Element.html#proxy-dynamic'>#proxy</a> <a href='../../class/CUI/Element.html#getOptKeys-static'>.getOptKeys</a> </p> </h2> <h2>Class Method Details</h2> <div class='methods'> <div class='method_details'> <p class='signature' id='isValidLatitude-static'> . (void) <b>isValidLatitude</b><span>(value)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='isValidLongitude-static'> . (void) <b>isValidLongitude</b><span>(value)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='isValidPosition-static'> . (void) <b>isValidPosition</b><span>(position)</span> <br> </p> </div> </div> <h2>Constructor Details</h2> <div class='methods'> <div class='method_details'> <p class='signature' id='constructor-dynamic'> # (void) <b>constructor</b><span>(opts = {})</span> <br> </p> </div> </div> <h2>Instance Method Details</h2> <div class='methods'> <div class='method_details'> <p class='signature' id='initOpts-dynamic'> # (void) <b>initOpts</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='addMarkers-dynamic'> # (void) <b>addMarkers</b><span>(optionsArray)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='addMarker-dynamic'> # (void) <b>addMarker</b><span>(options)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='removeMarkers-dynamic'> # (void) <b>removeMarkers</b><span>(markers)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='removeMarker-dynamic'> # (void) <b>removeMarker</b><span>(marker)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='updateSelectedMarkerOptions-dynamic'> # (void) <b>updateSelectedMarkerOptions</b><span>(_selectedMarkerOptions)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='setButtonBar-dynamic'> # (void) <b>setButtonBar</b><span>(buttons, position)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='getSelectedMarkerPosition-dynamic'> # (void) <b>getSelectedMarkerPosition</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='setSelectedMarkerPosition-dynamic'> # (void) <b>setSelectedMarkerPosition</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='removeSelectedMarker-dynamic'> # (void) <b>removeSelectedMarker</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='hideMarkers-dynamic'> # (void) <b>hideMarkers</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='showMarkers-dynamic'> # (void) <b>showMarkers</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='zoomToFitAllMarkers-dynamic'> # (void) <b>zoomToFitAllMarkers</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='zoomIn-dynamic'> # (void) <b>zoomIn</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='zoomOut-dynamic'> # (void) <b>zoomOut</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='resize-dynamic'> # (void) <b>resize</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='getZoom-dynamic'> # (void) <b>getZoom</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='setZoom-dynamic'> # (void) <b>setZoom</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='setCenter-dynamic'> # (void) <b>setCenter</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='getCenter-dynamic'> # (void) <b>getCenter</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__addMarkerToMap-dynamic'> # (void) <b>__addMarkerToMap</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__getMapClassName-dynamic'> # (void) <b>__getMapClassName</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__buildMap-dynamic'> # (void) <b>__buildMap</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__buildMarker-dynamic'> # (void) <b>__buildMarker</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__bindOnClickMapEvent-dynamic'> # (void) <b>__bindOnClickMapEvent</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__onMarkerClick-dynamic'> # (void) <b>__onMarkerClick</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__removeMarker-dynamic'> # (void) <b>__removeMarker</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__addCustomOption-dynamic'> # (void) <b>__addCustomOption</b><span>(options, key, value)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__afterMarkerCreated-dynamic'> # (void) <b>__afterMarkerCreated</b><span>(marker, options)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__getMarkerOptions-dynamic'> # (void) <b>__getMarkerOptions</b><span>(options)</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__onReady-dynamic'> # (void) <b>__onReady</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__onMoveEnd-dynamic'> # (void) <b>__onMoveEnd</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__disableEnableZoomButtons-dynamic'> # (void) <b>__disableEnableZoomButtons</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__getZoomButtons-dynamic'> # (void) <b>__getZoomButtons</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='__getFullscreenButtonOpts-dynamic'> # (void) <b>__getFullscreenButtonOpts</b><span>()</span> <br> </p> </div> <div class='method_details'> <p class='signature' id='destroy-dynamic'> # (void) <b>destroy</b><span>()</span> <br> </p> </div> </div> </div> <div id='footer'> By <a href='https://github.com/coffeedoc/codo' title='CoffeeScript API documentation generator'> Codo </a> 2.1.2 ✲ Press H to see the keyboard shortcuts ✲ <a href='http://twitter.com/netzpirat' target='_parent'>@netzpirat</a> ✲ <a href='http://twitter.com/_inossidabile' target='_parent'>@_inossidabile</a> </div> <iframe id='search_frame'></iframe> <div id='fuzzySearch'> <input type='text'> <ol></ol> </div> <div id='help'> <p> Quickly fuzzy find classes, mixins, methods, file: </p> <ul> <li> <span>T</span> Open fuzzy finder dialog </li> </ul> <p> Control the navigation frame: </p> <ul> <li> <span>L</span> Toggle list view </li> <li> <span>C</span> Show class list </li> <li> <span>I</span> Show mixin list </li> <li> <span>F</span> Show file list </li> <li> <span>M</span> Show method list </li> <li> <span>E</span> Show extras list </li> </ul> <p> You can focus and blur the search input: </p> <ul> <li> <span>S</span> Focus search input </li> <li> <span>Esc</span> Blur search input </li> </ul> </div> </body> </html>