JSFiddle - React, Tailwind, and code Playground

by Tom Randolph

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDrXfCCdenxPXjT8nrNDZmO2tyyP8IYWwQ"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css">
<script src="https://unpkg.com/leaflet.gridlayer.googlemutant@latest/Leaflet.GoogleMutant.js"></script>
<div id="map">
</div>

CSS

#map{
    height: 600px;
    width: 800px;
}

JavaScript

var myMap = L.map( "map" ).setView( [ 27.175, 78.04194 ], 16.5 );
var gMapLayer = L.gridLayer.googleMutant( {
    type: "hybrid"
} );

gMapLayer.addTo( myMap );