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="text" id="countEl" value = "10"/>
<div id="map_canvas" style="height:800px; width:800px"></div>

JavaScript

var map;
$(document).ready(function() {
                var center = new google.maps.LatLng(54.355995,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');
    }
    
    updateAll();
});