examples/hidden.html

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="../dist/lib/leaflet.css" />
<script src="../dist/lib/leaflet.js"></script>

<script src="../src/MapBBCode.js"></script>
<script src="../src/MapBBCodeUI.js"></script>
<script src="../src/MapBBCodeUI.Share.js"></script>
<script src="../src/images/EditorSprites.js"></script>
<script src="../src/controls/FunctionButton.js"></script>
<script src="../src/controls/LetterIcon.js"></script>
<script src="../src/controls/ExportButton.js"></script>
<script src="../src/handlers/Handler.Text.js"></script>
<script src="../src/handlers/Handler.Color.js"></script>
<script src="../src/layers/LayerList.js"></script>
<script src="../src/strings/English.js"></script>

<p>This page tests <i>display:hidden</i> processing by regular and shared maps, <i>exportTypes</i>.</p>
<input type="button" value="Regular" onclick="javascript:document.getElementById('b_regular').style.display='block';document.getElementById('b_shared').style.display = 'none';">
<input type="button" value="Shared" onclick="javascript:document.getElementById('b_regular').style.display='none';document.getElementById('b_shared').style.display = 'block';">
<div id="b_shared" style="display: none;"><div id="shared"></div></div>
<div id="b_regular" style="display: none;"><div id="regular" map="">59.56772,29.10828 60.21526,31.28357</div></div>
<script>
L.DomEvent.on(window, 'load', function() {
var mapBB = new MapBBCode({ layers: 'CycleMap,OpenStreetMap', exportTypes: 'gpx,geojson,kml' });
mapBB.showExternal('shared', 'gkdi');
mapBB.show('regular');
});
</script>