Link to home
Start Free TrialLog in
Avatar of Gbegi
GbegiFlag for United Kingdom of Great Britain and Northern Ireland

asked on

Leaflet.js equivalent of Google Map Satellite View in Angular or Javascript

I am using Leaflet.js , OpenStreetMap & Angular to display a map. Does anyone know how to implement the equivalent of Google Map Satellite View on this using a free library or plugin ?

 Thanks in advance.
Avatar of Molnár István
Molnár István
Flag of Romania image

Hi,

If i check the official site from OSM and check the layers, there are the following:
- Standard
- Cycle Map
- Transport Map
- Humanitarian
but i couldn't find any satellite map or layer .

After some search on the internet I found out, that you can use MapBox .

Mapbox Satellite uses global satellite and aerial imagery from commercial providers, NASA, and USGS. As cities grow and landscapes change, we add newer, clearer, and more attractive imagery.

Documentation:
https://docs.mapbox.com/help/how-mapbox-works/
here are some alternatives with satellite view:
https://www.briskbard.com/blog/?q=node/71
Hi,

Using leaflet you have to choose map provider so instead of using OSM you can use Mapbox.

I'm using mapbox with satellite  https://www.mapbox.com/maps/satellite/

You may want to check this leaflet plugin this work with NASA  https://github.com/aparshin/leaflet-GIBS
https://wiki.earthdata.nasa.gov/display/GIBS/GIBS+Available+Imagery+Products

Let me know if you need help to set it.
ASKER CERTIFIED SOLUTION
Avatar of Gbegi
Gbegi
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial