CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-api-3
zegoline
zegoline

Reputation: 574

How to make a google map not to leave world bounds?

I wonder how to make a google map not to leave world bounds, like on google maps site itself. I am using javascript google map api v3, here is my map options:

mapOptions = {
  center: new google.maps.LatLng(20, 0),
  zoom: 3,
  minZoom: 3,
  zoomControl: true,

I've restricted map zoom, but user still can drag out of world bounds and even select region there.

Snapshot

How can I prevent this behavior?

Upvotes: 0

Views: 2368

Answers (2)

Wolfgang Teves
Wolfgang Teves

Reputation: 31

Found a nice solution I'd like to share:

if (!allowedBounds.intersects(map.getBounds())) {
        map.panToBounds(allowedBounds);
     }

it will return to the initial set bounds (minimum way) when the whole screen left the bounds.

Upvotes: 0

AniV
AniV

Reputation: 4037

You have to make a general check using some conditional statement like if...else and comparing if the current Lat/Lng is falling out of a specified boundary (which is a world bound in your case).

I would recommend you to look at this SO question that may provide you some leads of how to proceed.

Upvotes: 1

Related Questions