Как изменить и просмотреть тип карты в Google Maps Dinamically с помощью JavaScript

Если вы работаете с формой, которая позволяет настраивать какой-либо вид карты, вам необходимо динамически переключаться с типа на карту. Хотя это очень простая функция, не все знают, как это сделать. Чтобы помочь вам, мы инициализируем простую карту с видом со спутника, и экземпляр будет сохранен в переменной карты:


var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: -34.397,
lng: 150.644
},
zoom: 8,
// Defining map type during the initialization
mapTypeId: 'satellite'
});
}

Теперь, когда у вас есть экземпляр, вы можете разыграть setMapTypeId метод из переменной карты. Просто предоставьте новый тип в виде строки или из MapTypeId интерфейс, например:

// Using the MapTypeId interface
map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
map.setMapTypeId(google.maps.MapTypeId.HYBRID);
map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
// Using the string representation
map.setMapTypeId("roadmap");
map.setMapTypeId("hybrid");
map.setMapTypeId("satellite");
map.setMapTypeId("terrain");
Ссылка на основную публикацию
Adblock
detector