title: Marker out of bounds on Google Maps API v3
body: <p>I'm using the Google Maps API v3 to show a world map, that is static (It doesn't allows to be zoomed or dragged). Above it there is a dragabble marker with a custom icon, and a set of circles of different radius binded to it.</p>
  
  <p>The actual map code is:</p>
  
  <pre><code>    var myLatlng = new google.maps.LatLng(28.283, 13.843);
      var mapOptions = {
        zoom: 2,
        maxZoom:2,
        minZoom:2,
        draggable: 0,
        center: myLatlng,
        streetViewControl: false,
        disableDefaultUI: true,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
      };
  
      map = new google.maps.Map(document.getElementById("mapaGoogle"),
        mapOptions);
  
      var markerImage = new google.maps.MarkerImage('path/to/imageplaneminiature.png',
      new google.maps.Size(40, 40),
      new google.maps.Point(0, 0),
      new google.maps.Point(18, 20));
  
      marker = new google.maps.Marker({
        map: map,
        position: myLatlng,
        icon: markerImage,
        draggable: true
      });
  </code></pre>
  
  <p>And then for each circle I've:</p>
  
  <pre><code>    planes[1] = new google.maps.Circle({
        map: map,
        radius: 2500000,
        strokeColor: "#cccccc",
        fillOpacity: 0
      });
  
      planes[1].setMap(map);
      planes[1].bindTo('center', marker, 'position');
  </code></pre>
  
  <p>This is working good, but I have 2 problems:</p>
  
  <p>1) When the user drags the marker near to a border, as the world is round, the radius shows also in the other side. But it doesn't shows the marker in its scenter, and that doesn't looks so cool. Look at the picture:
  <img src="https://i.stack.imgur.com/qaYQZ.jpg" alt="buggy map"></p>
  
  <p>2) If the user drags the marker out of the map area, it remains invisible and the user is unable to bring it back. Its there any way to force it to be inside of the viewport area?</p>