MapML Demo: <map-meta>
▶
HTML
CSS
<mapml-viewer projection="OSMTILE" zoom="3" lat="45.41868" lon="-75.690276" controls> <map-layer label="OpenStreetMap" src="../data/osm.mapml" checked></map-layer> <map-layer label="Favourite Restaurant" checked> <map-meta name="projection" content="OSMTILE"></map-meta> <map-meta name="zoom" content="min=3,max=10,value=3"></map-meta> <!-- cs can also be set through an attribute in map-geometry (cs="gcrs") --> <map-meta name="cs" content="gcrs"></map-meta> <map-feature> <map-featurecaption>Big Daddy's Crab Shack</map-featurecaption> <map-geometry> <map-point class="favourite"> <map-coordinates>-75.690276 45.41868</map-coordinates> </map-point> </map-geometry> </map-feature> </map-layer> </mapml-viewer>
.favourite { fill: #ea4335; stroke: #b21511; }