MapML Demo: <map-geometry>
▶
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="Point Geometry" checked> <map-meta name="projection" content="OSMTILE"></map-meta> <map-feature> <map-featurecaption>Point</map-featurecaption> <!-- Setting the geometry coordinates to gcrs, as the default is pcrs --> <map-geometry cs="gcrs"> <map-point class="point"> <map-coordinates>-75.6916809 45.4186964</map-coordinates> </map-point> </map-geometry> <map-properties><h2>This is a Point</h2></map-properties> </map-feature> </map-layer> </mapml-viewer>
.polygon { fill: #80C2AF; stroke: #1167b1; } .line { stroke: #dc143c; } .point { fill: #D8A47F; stroke: #EF8354; }