Myvideo

Guest

Login

Web компонент для добавления OpenStreetMap на сайт #easyit #openstreetmap #js @EasyITChannel

Uploaded By: Myvideo
3 views
0
0 votes
0

Изучаем как написать веб компонент интегрирующий работу с OpenStreetMap и библиотекой OpenLayer. Как разместить маркер на карте, как добавить всплывающее информационное окно, как найти точку на карте по адресу и наоборот. Рабочий сайт с этим примером здесь: Тайм коды: 00:11 Вступление 01:20 Чем будем пользоваться при работе 02:19 Инициализация проекта и установка пакетов 03:11 Создаем файл компонента и подключаем его к проекту 03:30 Импортируем необходимые модули в компоненте 05:35 Константы для атрибутов компонента 06:00 Класс компонента, конструктор 10:13 Метод жизненного цикла connectedCallback 15:05 Создаем объект карты 18:15 Обработчик для события singleclick для объекта map 18:55 Получение всех fetures на которых кликнул пользователь и отображение оверлея 19:55 Вывод широты и долготы точки клика в консоль. 20:28 Вызов функции обратного геокодирования 20:50 Добавление слоя маркеров на карту 21:10 Добавл

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later