MapML Demo: <map-properties>
▶
HTML
CSS
<mapml-viewer projection="OSMTILE" zoom="12" lat="45.42" lon="-75.70"> <map-layer label="OpenStreetMap" src="../data/osm.mapml" checked></map-layer> <map-layer label="Ottawa" checked> <map-meta name="projection" content="OSMTILE"></map-meta> <map-meta name="cs" content="gcrs"></map-meta> <map-feature> <map-featurecaption>Ottawa</map-featurecaption> <map-geometry> <map-point class="ottawa"> <map-coordinates>-75.697193 45.421530</map-coordinates> </map-point> </map-geometry> <map-properties><h1>This is a simple Popup</h1></map-properties> </map-feature> </map-layer> </mapml-viewer>
.ottawa { fill: #ea4335; stroke: #b21511; } .ottawa:hover { fill: green; }