Leaflet: Best alternative to Google Map

Leaflet logo

As we knew that Google Maps is a web mapping service by Google. But since 2018, this service contains some billing account terms and conditions. So many developers want web mapping services that are free at all. So here is the solution: Leaflet is a widely-used open-source JavaScript library used to build web mapping applications that are completely free without any terms and conditions. It displays tiled web maps hosted on a public server. It can load feature data from GeoJSON files, style it, and create interactive layers, such as markers with popups when clicked.

Features:

· Tile layers, WMS

· Markers, Popups

· Vector layers: polylines, polygons, circles, rectangles

· Image overlays

· GeoJSON

· Many other types of layers are supported via plugins.

For more information visit: https://leafletjs.com/

Use:

// create a map in the "map" div, set the view to a given place and zoom
 var map = L.map('map').setView([51.505, -0.09], 13);
 
 // add an OpenStreetMap tile layer
 // Tile Usage Policy applies: https://operations.osmfoundation.org/policies/tiles/
 L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
     attribution: '&amp;copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors'
 }).addTo(map);

Demo:

Here is my map with my current location:

my map display my current location