We help IT Professionals succeed at work.
Private

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

206 Views
Last Modified: 2019-07-22
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

Molnár IstvánHelpDesk / Programmer
CERTIFIED EXPERT

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
CERTIFIED EXPERT

Commented:
Molnár IstvánHelpDesk / Programmer
CERTIFIED EXPERT

Commented:
here are some alternatives with satellite view:
https://www.briskbard.com/blog/?q=node/71
CERTIFIED EXPERT

Commented:
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:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.