MapML Demo: <map-span>
▶
HTML
CSS
<mapml-viewer projection="OSMTILE" zoom="10" lon="-75.7" lat="45.4" controls=""> <map-layer label="OpenStreetMap" src="../data/osm.mapml" checked></map-layer> <map-layer label="Polygon" checked> <map-meta name="projection" content="OSMTILE"></map-meta> <map-feature> <map-featurecaption>Polygon</map-featurecaption> <!-- Setting the geometry coordinates to gcrs, as the default is pcrs --> <map-geometry cs="gcrs"> <map-polygon> <map-coordinates><map-span class="border">-75.8242035 45.3526278 -75.6793213 45.4572409 -75.5680847 45.4692806</map-span> -75.6092834 45.4215881 -75.5756378 45.3810901 -75.7946777 45.3120804 -75.8242035 45.3526278</map-coordinates> </map-polygon> </map-geometry> <map-properties>This is a Polygon</map-properties> </map-feature> </map-layer> </mapml-viewer>
.border { stroke: red; stroke-width: 4px; } .hole { stroke: #73A9AD; stroke-width: 4px; fill: none; fill-opacity: 1; }