JSFiddle - React, Tailwind, and code Playground

by Osvaldo

HTML

<div id="kml_map" style="height: 400px; margin-bottom: 1em;"></div>
<script>
  function initMapKML() {
    var map = new google.maps.Map(document.getElementById('kml_map'), {
      scrollwheel: false
    });

    var ctaLayer = new google.maps.KmlLayer({
      url: 'https://storage.googleapis.com/gp-misc/images-maps/demo-1/lisbon-example.kml',
      map: map
    });
  }

</script>
<script>
  function loadmaps() {
    initMapKML();
  }

</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBiy7JuMr1LFrecAu8SORp9Wt2vYM8A3D8&libraries=visualization&callback=loadmaps"></script>