Test Page of CKEditor Leaflet Maps

<p>This is the <strong>House of Maps</strong> powered by <strong>CKEditor</strong>.</p>
                <div id="leaflet_div-1" class="leaflet_div align-left" data-lat="14.6496465" data-lon="121.0474325" data-width="600" data-height="600" data-zoom="15" data-tile="OpenStreetMap.HOT" data-minimap="on" data-alignment="left" data-popup-text="Eye of Quezon Circle" data-responsive="">
                    <iframe scrolling="no" id="leaflet_iframe-1" class="leaflet_iframe" width="600px" height="600px" frameborder="0" allowtransparency="true" src="../scripts/mapParser.html?lat=14.6508560&lon=121.0491228&zoom=15&tile=OpenStreetMap.HOT&minimap=on&text=Eye%20of%20Quezon%20Circle">
                    </iframe>
                </div>

<p>If you <strong>hover</strong> the mouse on the map, you will see the map's handle bar (cross hair) in the <strong>upper left corner</strong>
                    and you could double-click that to view or edit the map properties.</p>
                <div id="leaflet_div-2" class="leaflet_div cke_widget_element align-left" data-lat="16.4023332" data-lon="120.5960071" data-width="300" data-height="300" data-zoom="7" data-tile="Esri.WorldTopoMap" data-minimap="off" data-alignment="left" data-popup-text="" data-responsive="">
                    <iframe scrolling="no" id="leaflet_iframe-2" class="leaflet_iframe" width="300px" height="300px" frameborder="0" allowtransparency="true" src="../scripts/mapParser.html?lat=16.4023332&lon=120.5960071&width=300&height=300&zoom=7&tile=Esri.WorldTopoMap&minimap=off&text="></iframe>
                </div>

<p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />A sample of Aerial Map Tile, aligned to the right.</p>
                <div id="leaflet_div-3" class="leaflet_div cke_widget_element align-right" data-lat="-25.274398" data-lon="133.775136" data-width="190" data-height="200" data-zoom="2" data-tile="MapQuestOpen.Aerial" data-minimap="off" data-alignment="right" data-popup-text="" data-responsive="">
                    <iframe scrolling="no" id="leaflet_iframe-3" class="leaflet_iframe" width="190px" height="200px" frameborder="0" allowtransparency="true" src="../scripts/mapParser.html?lat=-25.274398&lon=133.775136&width=200&height=200&zoom=2&tile=MapQuestOpen.Aerial&minimap=off&text="></iframe>
                </div>

<p>Words in the middle of nowhere.<br /><br /><br /><br /><br /><br /><br /><br /></p>

<br />
                <p>A sample of a centered map.</p>
                <div id="leaflet_div-1399746577201" class="leaflet_div cke_widget_element align-center" data-lat="29.646923" data-lon="91.117212" data-width="800" data-height="400" data-zoom="6" data-tile="Esri.NatGeoWorldMap" data-minimap="off" data-alignment="center" data-popup-text="" data-responsive="">
                    <iframe scrolling="no" id="leaflet_iframe-1399746577201" class="leaflet_iframe" width="800px" height="400px" frameborder="0" allowtransparency="true" src="../scripts/mapParser.html?lat=29.646923&lon=91.117212&width=800&height=400&zoom=6&tile=Esri.NatGeoWorldMap&minimap=off&text=">
                    </iframe>
                </div>

<br />

<p>A sample of a left-justified map. By default, a map will float to the left.</p>
                <div id="leaflet_div-1399747688186" class="leaflet_div cke_widget_element align-left" data-lat="9.8349493" data-lon="118.7383615" data-width="300" data-height="420" data-zoom="7" data-tile="Stamen.Watercolor" data-minimap="off" data-popup-text="" data-responsive="">
                    <iframe scrolling="no" id="leaflet_iframe-1399747688186" class="leaflet_iframe" width="300px" height="420px" frameborder="0" allowtransparency="true" src="../scripts/mapParser.html?lat=9.8349493&lon=118.7383615&width=300&height=420&zoom=7&tile=Stamen.Watercolor&minimap=off&text=">
                    </iframe>
                </div>

<p> <strong>Lateralus</strong> by Tool <br /><br />

Black then white are all I see in my infancy.
                    red and yellow then came to be, reaching out to me.
                    lets me see there is so much more
                    and beckons me to look through to these infinite possibilities.
                    As below, so above and beyond, I imagine
                    drawn outside the lines of reason.
                    Push the envelope. Watch it bend.<br /><br />

Over thinking, over analyzing separates the body from the mind.
                    Withering my intuition leaving all these opportunities behind.<br /><br />

Feed my will to feel this moment urging me to cross the line.
                    Reaching out to embrace the random.
                    Reaching out to embrace whatever may come.<br /><br />

I embrace my desire to
                    feel the rhythm, to feel connected
                    enough to step aside and weep like a widow
                    to feel inspired, to fathom the power,
                    to witness the beauty, to bathe in the fountain,
                    to swing on the spiral
                    of our divinity and still be a human.<br /><br />
                </p>

<br><br><p> </p><p> </p><p>A Responsive Map (try to decrease the browser window width by 50%)</p><div id="leaflet_div-1451082032544" class="leaflet_div responsive-map align-left" data-lat="40.46366700000001" data-lon="-3.74922" data-width="400" data-height="400" data-zoom="16" data-popup-text="In The Heart of Spain" data-tile="Thunderforest.OpenCycleMap" data-minimap="on" data-alignment="left" data-responsive="on"><iframe scrolling="no" id="leaflet_iframe-1451082032544" class="leaflet_iframe responsive-map-iframe" width="400px" height="400px" frameborder="0" allowtransparency="true" src="../scripts/mapParser.html?lat=40.46366700000001&lon=-3.74922&width=400&height=400&zoom=16&text=In%20The%20Heart%20of%20Spain&tile=Thunderforest.OpenCycleMap&minimap=on&responsive=on"></iframe></div>

CKEditor Leaflet Maps Demo (scroll down the page to see the various examples)

Choose the language/translation to be used by the toolbar/plugins: