Урок - Параметр streetViewControl. Скрытие уличного просмотра карты в Google Maps API 3.

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

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

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

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

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

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

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

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

 

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