Вы, возможно, заметили, что в карте в контактах на этом сайте есть опция "Полный экран". Если вы воспользуетесь данным уроком, то Вы можете добавить эту опцию к вашим собственным приложениям Google Maps (если вы используете версию 3 API).

Во-первых, вам необходимо скачать этот файл Javascript.

Затем добавьте ссылку на файл в формате HTML между тегами <head>

 
 <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
 <script src="js/FullScreenControl.js" type="text/javascript"></script>

Наконец, добавьте контроллер на карту, с помощью следующих строк Javascript

map.controls[google.maps.ControlPosition.TOP_RIGHT].push(
FullScreenControl(map, [Полный экран],
[Нормальный вид]));

Ваша карта должна выглядеть примерно так, как показано ниже.

Начиная с версии 1.08, объект, возвращаемый из метода FullScreenControl имеет два метода, goFullScreen и exitFullScreen, так что вы можете вызвать их программно,чтобы перейти в полноэкранный режим или выйти из него.

Код был протестирован в большинстве браузеров, но ,возможно, может не работать на конкретных макетах страниц.

 

Код GoogleMaps с возможностью развернуть карту на весь экран будет следующий:

var map;
function initialize() {
  var mapOptions = {
    zoom: 2,
		  center: new google.maps.LatLng(31.595540, 23.228599),
		  mapTypeId: google.maps.MapTypeId.HYBRID,
		  minZoom: 2
		};
		map = new google.maps.Map(document.getElementById('map-canvas'),
								  mapOptions);
		map.controls[google.maps.ControlPosition.TOP_RIGHT].push(
		  FullScreenControl(map, 'Открыть в полном размере',
							'Нормальный размер'));

	  }
	  //google.maps.event.addDomListener(window, 'load', initialize);
	  
	  google.maps.event.addDomListener(window, 'load', initialize);
	  
	  $(".map_toggler").click(function(e) {
	    e.preventDefault();
		$("#map-canvas").toggleClass("fullscreen");
	  });