Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.31&key=AIzaSyAo89GIZM7kcmOFHGKd4U1fyd7s0wkSxNk"></script>
<div id="mapCanvas"></div>
 
var map = {};
function initialize() {
    var myOptions = {
        center: new google.maps.LatLng(45.4555729, 9.169236),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        panControl: true,
        mapTypeControl: false,
        panControlOptions: {
            position: google.maps.ControlPosition.RIGHT_CENTER
        },
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.LARGE,
            position: google.maps.ControlPosition.RIGHT_CENTER
        },
        scaleControl: false,
        streetViewControl: false,
        streetViewControlOptions: {
            position: google.maps.ControlPosition.RIGHT_CENTER
        }
    };
    map = new google.maps.Map(document.getElementById("mapCanvas"), myOptions);
}
function setBounds(i){
    var n = i || 0;
    n = n / 1000000000000;
    var bounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(40.99648401437799+n, -109.0283203125),
    new google.maps.LatLng(37.002552672159545, -102.06298828125)
  );
    map.fitBounds(bounds);
  
    var listener = google.maps.event.addListenerOnce(map, 'bounds_changed', function() {
        clearTimeout(btimeout);
        console.log('bounds_changed');
    });
    var btimeout = setTimeout(function(){
      google.maps.event.removeListener(listener);
      console.log('bounds_no_changed')
    }, 100)
  
  
}
initialize();
setBounds(2);
setTimeout(function(){setBounds(2);}, 1000);
setTimeout(function(){setBounds(2);}, 2000);
setTimeout(function(){setBounds(3);}, 3000);
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers