JSFiddle - React, Tailwind, and code Playground

by mdares

HTML

<!DOCTYPE html>
<html>
    
    <head>
       <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    
    <body onload="initialize()">
        <div id="map_canvas" style="width: 500px; border: 3px; text-align: center;">sdafasdf</div>
    </body>

</html>

JavaScript

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(41.875696, -87.624207),
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

    var ctaLayer = new google.maps.KmlLayer('https://sites.google.com/site/anoopkml123/kml/ab9Plan0520.kmz');
    ctaLayer.setMap(map);
    google.maps.event.addListener(ctaLayer, 'click', function (kmlEvent) {
        alert(kmlEvent.featureData.name);
    });
}