All map examples were generated with our plugin. Most examples can be imported directly to your plugin. A download button can be found at the end of each example page.
This is an interactive map of France, Spain and Portugal which is focused on the mainland:
Check out the version with islands.
If you want to use this map, you can simply click on the download button below. This map mainly uses two techniques: CSS for a custom crop and CSS to hide regions. If you import the map, you will find the CSS in the map template.
Continue readingThis is a sample map of Isreal and demonstrates how neighboring countries can be hidden.
We use the following technique to hide regions on our map:
Continue readingThis is a sample map of Germany and demonstrates how neighboring countries can be hidden.
We use the following technique to hide regions on our map:
Once we are done, we can apply a CSS rule to hide all unnecessary regions. We have to add the following rule to the CSS of our Map Template:
#{cssid} path[fill="#fcfcfc"] {
display: none;
}
If we click on the “Update Preview” button, the map should have some hidden regions now.
Please note that the hiding only works in region mode. The other modes won’t allow you to add custom colors for regions.
The map configuration can be seen here:
Continue reading