A Showcase of semantic-map Features

Below you'll find a few examples of maps defined using markup and semantic-map. Have a look at the source of the page to see how the maps are defined!

The default map without anything else:

Even the attribution is missing!

After adding attribution, initial center and zoom as well as a feature:

Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox

Still not too impressive, but it's a start!

With another feature, popup content and max/min-zoom defined:

Hey, I'm a Point!

I mark the initial center of the map.

I'm another Point!

I mark another random(?) spot on the map!

Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox

There's also some merging of elements going on in the background (look at the source!)

Moving on beyond just points:

I'm the only point left!

But where am I?

What is this place?

Does it look dangerous to you, too?

Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox

The MultiPolygon also has a custom style applied.

Doing clusters:

Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox

The map features here are also not defined individually but as a list of GeoJSON "Feature" objects instead.

A map created (and then modified) dynamically via JavaScript:

to first create the map and then add features to it.