Leaflet with Google Maps

An example demonstrates the usage of Leaflet with Google maps tile.

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="https://unpkg.com/leaflet.gridlayer.googlemutant@latest/Leaflet.GoogleMutant.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-oX2ICjm2yVePw-_Rsh8dMljOBL6keYA"></script>
<div style="width:500px; height:500px" id="map"></div>

JavaScript

var map = new L.Map('map', {center: new L.LatLng(18.77201338214494, 73.77641947087864), zoom: 18});
      var roads = L.gridLayer.googleMutant({
    type: 'satellite' // valid values are 'roadmap', 'satellite', 'terrain' and 'hybrid'
}).addTo(map);