1

Difficulty viewing street names in satellite view on the openlayers map with mapbox tilelayer. The font is smaller than it was in the google maps and seems to blend in to the map, making it tough to read.

comparison of satellite view on Google map Vs. Openlayers/mapbox map

I poked around in Mapbox’s website and found a “satellite streets” option that looks much better than what we’re currently using. We should see what it would take to move to this version for our satellite basemap.

See “Satellite Streets” here: Mapbox Satellite: global base map & satellite imagery

Interactive demo here: Mapbox Satellite Streets

Here is my code that I used to setup layers:

hybridLayer: new TileLayer({
                source: new XYZ({
                    url:
                        "https://api.mapbox.com/styles/v1/mapbox/satellite-streets-v10/tiles/{z}/{x}/{y}?access_token=" +
                        mapBoxAccessKey,
                }),
                visible: false,
            }),

            satelliteLayer: new TileLayer({
                source: new XYZ({
                    url:
                        "https://api.mapbox.com/v4/mapbox.satellite/{z}/{x}/{y}.png?access_token=" +
                        mapBoxAccessKey,
                }),
                visible: false,
            }),
Akash
  • 11
  • 3
  • will that answer help you? https://stackoverflow.com/a/37043490/11971765 – Tomer_Ra Dec 22 '22 at 21:56
  • The display quality will be better if you specify the correct `tileSize: 512,` in the source options as OpenLayers defaults to 256. – Mike Dec 23 '22 at 00:02
  • It was in docs all along (note to self: RTFM) It works way better. Thank you both! – Akash Dec 23 '22 at 14:28

0 Answers0