Skip to content

Using world map to display only European countries

This demo shows how we can use world map to display a map of Europe only.

We use zoomLevel, zoomLatitude and zoomLongitude in our data provider to pre-zoom the map to specific position and level.

"dataProvider": {
"map": "worldHigh",
"zoomLevel": 3.5,
"zoomLongitude": 10,
"zoomLatitude": 52,
// ...
}

We also set unlistedAreasAlpha to zero, to make all areas we don’t want to be shown (not explicitly included in areas array) on the map to be hidden.

"areasSettings": {
"unlistedAreasAlpha": 0
}