Блог

Поэтому у меня есть файл EJS, содержащий этот код

 <div class="map-container">
  <%- include ('./maps/world.ejs') -%>
</div>
 

Это SVG-файл, сохраненный в виде .ejs файла, поэтому я могу импортировать его и css что-то делать с ним. Например path:hover , и прочее.

Вопрос

Я хочу, чтобы, например, когда люди USA нажимают, карта была изменена на карту США ( usa.ejs ).

Пример карты мира

поэтому я попробовал что-то подобное, но что-то не работает.

 $(document).ready(() => {
    loadWorldMap_Event();
});

function loadWorldMap_Event() {
    const paths = $('path');
    for (let path of paths) {
        path.addEventListener('click', function (event) {
            const name = event.target.getAttribute('name') || event.target.getAttribute('data-name') || event.target.getAttribute('class')
            if (name.toLowerCase() == "united states") {
                const map_container = $('.map-container');
                map_container.innerHTML = "<%- include ('./maps/usa.ejs') -%>"
            }
        })
    }
}
 

Пожалуйста, помогите мне!