Knowledge Base

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
}