JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDciDh5LCPwyxG8tml6998d80mlukEj8Q4"></script>
<div id="map">
</div>
<div id="map2">
</div>
CSS
#map,
#map2 {
width: 100%;
height: 200px;
}
#map2 {
margin-top: 20px;
}
JavaScript
var map;
function initMap(div, styles) {
styles = (styles) ? styles : "";
map = new google.maps.Map(document.getElementById(div), {
center: {
lat: 47.681900622756615,
lng: -122.2942429529255
},
zoom: 17,
styles: [styles]
});
}
initMap('map');
initMap('map2', {
featureType: "poi.school",
elementType: "labels",
stylers: [{
visibility: "off"
}]
});