| ↑ Карты в Google Maps API 3. | ||||
| Урок - Параметр mapTypeControlOption. Изменение переключателя типа карты в Google Maps API 3. | ||||
|
← Предыдущий урок Урок - Параметр mapTypeControl. Скрытие переключения типа карт в Google Maps API 3.
|
Следующий урок → Урок - Параметр navigationControl. Скрытие переключения типа карт в Google Maps API 3.
|
|||
Параметр mapTypeControlOption указывает внешний вид отображения переключателя типа карты.
Параметр mapTypeControlOption имеет следующие значения:
- google.maps.MapTypeControlStyle.DEFAULT - значение по умолчанию, указывает изменять внешний вид в зависимости от размера карты.
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - горизонтальная панель с кнопками.
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - выпадающее меню
navigationControlOptions = DEFAULT.
Что бы увидеть разницу между тем, как меняется переключатель типа карты - уменьшим размеры карты с 400px до 200px:
<div id="map" style="width:200px;height:200px"></div>
И весь пример целиком:
<!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:200px;height:200px"></div>
</body>
</html>
navigationControlOptions = HORIZONTAL_BAR.
Параметр mapTypeControlOption представляет собой массив. В элементе 'style' массива и указывается тип:
var mapOptions = {
zoom: 10,
center: centerLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
}
}
и весь пример целиком:
<!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,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
}
}
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>
navigationControlOptions = DROPDOWN_MENU.
Параметр mapTypeControlOption представляет собой массив. В элементе 'style' массива и указывается тип:
var mapOptions = {
zoom: 10,
center: centerLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
}
и весь пример целиком:
<!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,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
}
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>
| ↑ Карты в Google Maps API 3. | ||||
| Урок - Параметр mapTypeControlOption. Изменение переключателя типа карты в Google Maps API 3. | ||||
|
← Предыдущий урок Урок - Параметр mapTypeControl. Скрытие переключения типа карт в Google Maps API 3.
|
Следующий урок → Урок - Параметр navigationControl. Скрытие переключения типа карт в Google Maps API 3.
|
|||