Как добавить аудиофайлы на карту (Mapbox), встроенную в? - PullRequest
Новая
       13

Как добавить аудиофайлы на карту (Mapbox), встроенную в?

1 голос
/ 29 апреля 2019

Я пытаюсь настроить систему звукового отображения: встроенную в Mapbox и встроенную в другой веб-сайт, которая позволяет <iframe> избегать конфликтующих сценариев.С одной стороны, мне нужно вмешаться в код карты, а с другой стороны, соблюдайте ограничение вложения.Кажется, проблема в функции .setHTML() в <iframe srcdoc>.Но, будучи новичком в кодировании, я не могу сказать точно.

Вот мой подход: после создания стиля карты и наборов плиток в Mapbox, я использовал <iframe srcdoc>, чтобы внедрить некоторый код для: отображения всплывающих окон, получения карты наборовфункции, или добавление сценариев поддержки справа налево.

var feature = features[0];

var popup = new mapboxgl.Popup()
    .setLngLat(feature.geometry.coordinates)
    .setHTML('<h3>' + feature.properties.title + '</h3><p>' +  feature.properties.description + '</p><audio controls> <source src="' + feature.properties.urls + '" type="audio/ogg">' + '<source src="' + feature.properties.urls + '" type="audio/mp3">' + '</audio>')
    .setLngLat(feature.geometry.coordinates)
    .addTo(map);
});

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

...