This is a sample map of Europe that opens a lightbox when you click on one of the markers:
Map of our stores in Europe. Click on one of the markers to see the locations in these cities.
This is how the administration panel looks like:
This map example uses Featherlight which is a very lightweight jQuery lightbox plugin. You won’t need to install any additional WordPress plugins to use this map and the lightbox on your site. The lightbox should work without any problems.
This is a custom crop of the world map which shows only Europe, Northern Africa and the Middle East. If you want to use the custom crop with one of your maps, you can simply import the map by using the download button below. If you already created a map, you can copy the HTML and CSS of map template of this map over to your existing map. If you have problems with this, please let us know and we will help you.
Please also note that the custom crop is not useful for all maps. It is possible that tooltips will get cut off if they are are located close to the left side.
If you pick the region Southern Europe, you will see all surrounding countries of France, Spain and Portugal. To hide all of them, you will need an additional CSS rule. If you want to add it to an existing map, then follow these steps: