JSFiddle - React, Tailwind, and code Playground

by Leo

HTML

<script src="http://requirejs.org/docs/release/2.1.2/minified/require.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
Count: 
<input type="button" onclick="updateAll();" value="update"/>
<input type="button" onclick="findElements();" value="findelements"/>
<input type="text" id="countEl" value = "13"/>
<div id="map_canvas" style="height:800px; width:800px"></div>

CSS

.gm-rev
{
    display:none;
}
.gm-website
{
    display:none;
}
.gm-wsv
{
    display:none;
}

JavaScript

var map;
$(document).ready(function() {
                var center = new google.maps.LatLng(54.295995,48.4317237);
            
            var moptions = {
                center: center,
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            
            map = new google.maps.Map(document.getElementById("map_canvas"), moptions);

    
    window.updateAll = function()
    {
         var  zoom = parseInt(document.getElementById("countEl").value);
        console.log('before zoom');
        map.setZoom(zoom);
        google.maps.event.addListener(map, 'idle', function(event) {console.log('idle');});
        console.log('after zoom');
        
        
    }
    
    window.findElements = function()
    {
        console.log(document.elementFromPoint(52, 77)); 
    }

    /*
    document.onmousemove = function(e)
	{
    	console.log(e.pageX+","+e.pageY);
	};
    */
    
    updateAll();
});