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

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

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

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

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

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

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

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

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

 

Пример 1: Переключатель карт включен, параметр mapTypeControl не задействован (по умолчанию равен 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: Переключатель карт отключен, параметр mapTypeControl установлен в 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,
                mapTypeControl: 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>