Как добавить эффект наведения на новый слой, созданный с помощью пользовательского геоджона

Как добавить эффект наведения на новый слой, созданный с помощью пользовательского геойсона

Я построил карту и добавил слой, который выделяет конкретную окрестность, я хотел бы добавить эффект наведения на слой. так же, как в этом примере https://docs.mapbox.com/mapbox-gl-js/example/hover-styles

Я дошел до создания собственного слоя с геоджонсом, но пример, которому я пытаюсь следовать, использует внешний источник данных, тогда как я использую свой собственный. Я пытался ссылаться на свои данные, но я не думаю, что я делаю это правильно. Пожалуйста, смотрите эту ссылку с рабочей версией, показывающей слой, освещающий окрестности.

Это ссылка на то, что я до сих пор https://jsfiddle.net/jrax4pvm/1/

Вот мой JS

 mapboxgl.accessToken = 'pk.eyJ1IjoibGVvc29ubmVrdXM5NSIsImEiOiJjazAxdHcyZWExMHBjM2lwN2psMDhheXQwIn0.KpEYrurG0lE55PLKMuYtKw'; var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/leosonnekus95/ck11gbbaz0neb1cmrunqmijkf', zoom: 15, center: [174.7570008, -36.8658221] }); map.on('load', function () { 'id': 'Uptown', 'type': 'fill', 'source': { 'type': 'geojson', 'data': { 'type': 'Feature', 'geometry': { 'type': 'Polygon', 'coordinates': [ [ /* Co-ordinates here..*/ ]] } } }, 'layout': {}, 'paint': { 'fill-color': '#088', 'fill-opacity': 0.8 } }); }); 

Я бы очень хотел сделать этот слой доступным для кликабельности и подозреваю, что мне нужно создать комбинированную версию этих двух примеров.

https://docs.mapbox.com/mapbox-gl-js/example/geojson-polygon/ https://docs.mapbox.com/mapbox-gl-js/example/hover-styles/

и хотел бы получить руководство.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector