OpenStreetmap without country boundaries

Question

Hi,

I am using OSM with open layers, following is the code snippet. It loads the default world map.

How can I load the OSM which does not have any country/city labels and country boundaries? I believe there should be some option to do that.

var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([72.41, 18.82]),
      zoom: 6
    })
  });

Any help is much appreciated.

Atul

Answer 1

You need to find a set of map tiles that doesn't have borders or create one yourself, or use a vector tile map source with a corresponding style.

The long version: what you are currently doing is loading server side generated small (normally 256x256 pixel size) map images. These are pre-generate in one style and for that reason cannot be changed on the fly. To get around this you can either use a set of tiles without borders (you would have to google if you can find if something like that is available) or use vector tiles with a corresponding rendering style that doesn't show borders. Vector tiles contain preprocessed OSM data that then is rendered (that is turned in to a bitmap) locally on the clients computer. This allows the styling to be client specific and more flexible.

OpenStreetmap without country boundaries

Follow this question

Related questions