Google map API to bound beyond poles.

I have found that many Google map in Website used the default map.This default Google map goes beyond the poles while dragging up and down. I have found the code that doesn't exceed the pole while dragging.
Just paste the following code inside you intialize() function of the Google map:


google.maps.event.addListener(map, 'center_changed', function() {checkBounds(); });

var allowedBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-66.85200239592201, -179.66565397011107),
new google.maps.LatLng(66.903255924231566, 179.57922246681517));
function checkBounds() {
          if(allowedBounds.contains(map.getCenter())) {
            return;
          }
          var mapCenter = map.getCenter();
          var X = mapCenter.lng();
          var Y = mapCenter.lat();
          var AmaxX = allowedBounds.getNorthEast().lng();
          var AmaxY = allowedBounds.getNorthEast().lat();
          var AminX = allowedBounds.getSouthWest().lng();
          var AminY = allowedBounds.getSouthWest().lat();
          if (Y < AminY) {Y = AminY;}
          if (Y > AmaxY) {Y = AmaxY;}
          map.setCenter(new google.maps.LatLng(Y,X));
}

Your map won't go further than poles

Enjoy People!!!

Comment if any Problem

Comments

Popular posts from this blog

Sharing with Social media (Facebook, Twitter, tumblr, pinterest) while clicking using javascript

Google map API using MarkerClusterer and Geocoder

Line or Graph chart for data in array.