Урок - Параметр navigationControl. Скрытие переключения типа карт в Google Maps API 3.

Главная » Курсы » Курс Google Maps 3, примеры использования. » Урок - Параметр navigationControl. Скрытие переключения типа карт в Google Maps API 3.

Обучающий онлайн курс
Google Maps 3, примеры использования.

Лицензия: Копирование запрещено.

Параметр navigationControl отвечает за скрытие и отображение масштабирования карты. По умолчанию параметр navigationControl равняется true. По этому для отображения масштабирования карт параметр navigationControl можно опустить:

var mapOptions = {
	zoom: 10,
	center: centerLatLng,
	mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);

Для отключения масштабирования карты необходимо параметр navigationControl установить в false:

var mapOptions = {
	zoom: 10,
	center: centerLatLng,
	mapTypeId: google.maps.MapTypeId.ROADMAP,
	navigationControl: false
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);

И оба примера целиком...

 

Пример 1: Масштабирование карты включено, параметр navigationControl не задействован (по умолчанию равен true):

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        function pageOnLoad() {
            var centerLatLng = new google.maps.LatLng(50.435132,30.55777);
            var mapOptions = {
                zoom: 10,
                center: centerLatLng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(document.getElementById("map"), mapOptions);    
        }
    </script>
</head>
<body onload="pageOnLoad()"> 
    <div id="map" style="width:400px;height:400px"></div>
</body>
</html>

 

Пример 2: Масштабирование карты отключено, параметр navigationControl установлен в false:

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        function pageOnLoad() {
            var centerLatLng = new google.maps.LatLng(50.435132,30.55777);
            var mapOptions = {
                zoom: 10,
                center: centerLatLng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                navigationControl: false
            }
            var map = new google.maps.Map(document.getElementById("map"), mapOptions);    
        }
    </script>
</head>
<body onload="pageOnLoad()"> 
    <div id="map" style="width:400px;height:400px"></div>
</body>
</html>