Лабораторная работа 2
Автоматизация Microsoft Word: работа с документом.

Цель работы: Розробити статичний браузерну аплікацію, що отримує дані з відкритого API, та відображає їх на мапі.

Ход работы.

Листинг программы:

function initMap () {

let map = new google.maps.Map(document.getElementById('map'), {

center: {lat: 48.736219, lng: 37.584654},

zoom: 12

});

new MapController(map);

};

class MapController {

constructor (map) {

this.map = map;

this.eventListeners = {};

this.markers = [];

this.addMarkerButton = document.querySelector('#addMarker');

this.deleteMarkerButton = document.querySelector('#deleteMarker');

this.init();

}

init () {

this.initEventListeners();

this.attachEventListeners();

}

attachEventListeners () {

this.map.addListener('click', this.eventListeners.mouseClick.bind(this));

this.deleteMarkerButton.addEventListener('click', this.eventListeners.deleteMarker.bind(this));

}

initEventListeners () {

this.eventListeners.mouseClick = (event) => {

this.addMarker({

lat: event.latLng.lat(),

lng: event.latLng.lng()

});

};

this.eventListeners.deleteMarker = (event) => {

this.markers.forEach(item => {

item.setMap(null);

});

this.markers = [];

};

}

addMarker (latLng) {

let marker = new google.maps.Marker({

position: latLng,

map: this.map

});

this.markers.push(marker);

}

}

---

Смотрите также файлы

• Lab3.docx

• Lab4.docx

• Lab5.docx

• Lab1-2.docx

• Lab3.docx