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

Gbegi
Gbegi used Ask the Experts™
on
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.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Molnár IstvánHelpDesk / Programmer

Commented:
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/
Molnár IstvánHelpDesk / Programmer

Commented:
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.
Software Developer
Commented:
Thanks for all your suggestions, however the decision was taken for us to use Google Maps.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial