JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

HTML

<div id="mapcontainer" style="position:absolute;width:280px;height:160px;"></div>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

JavaScript

var myCenter = new google.maps.LatLng(33.436150, -117.623090);  
function initialize() {
      
       var mapProp = {
           center: myCenter,
           zoom: 9,
           mapTypeId: google.maps.MapTypeId.ROADMAP
       };

       var map = new google.maps.Map(document.getElementById("mapcontainer"), mapProp);

       var marker = new google.maps.Marker({
           position: myCenter,
       });
       marker.setMap(map);
     google.maps.event.trigger(map, 'resize')
   }

google.maps.event.addDomListener(window, 'load', initialize);