JSFiddle - React, Tailwind, and code Playground

by vrmtm

JavaScript

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>
<div style='overflow:hidden;height:359px;width:100%;'>
    <div id='gmap_canvas' style='height:359px;width:100%;'></div>
    <style>
        #gmap_canvas img {
            max-width: none!important;
            background: none!important
        }
    </style>
</div> <a href='https://embedmaps.org/'>embed google maps in website</a>
<script type='text/javascript' src='https://embedmaps.com/google-maps-authorization/script.js?id=b0e359cb43bb886169aecbb24cfd11ef0afe8c97'></script>
<script type='text/javascript'>
    function init_map() {
        var myOptions = {
            zoom: 16,
            center: new google.maps.LatLng(54.6792056, 25.25146719999998),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);
        marker = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(54.6792056, 25.25146719999998)
        });
        infowindow = new google.maps.InfoWindow({
            content: '<strong>63 Wire Marketing</strong><br>K. DonelaiÄŤio g. 6a<br> Vilnius<br>'
        });
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map, marker);
        });
        infowindow.open(map, marker);
    }
    google.maps.event.addDomListener(window, 'load', init_map);
	
	window.addEventListener("resize", function() {
		var center = map.getCenter();
            google.maps.event.trigger(map, "resize");
            map.setCenter(center);
	});
	
	
</script>