это более общий вопрос. Я хотел бы использовать MapBox GL в React, для которого я нашел библиотеку, react-mapbox-gl
. Тем не менее, я сталкиваюсь с вопросом о том, как добавить больше кода в Mapbox. Обычно дополнительный код будет go под тегом script
. Вопрос в том, если при использовании react-mapbox-gl
куда вы передадите этот дополнительный код.
<MapGL
{...viewport}
mapStyle="mapbox://styles/mapbox/dark-v9"
mapboxApiAccessToken={TOKEN}>
<div className="nav" style={navStyle}>
<NavigationControl/>
</div>
</MapGL>
Основываясь на этом примере, я вижу, где передать маркер и стиль карты, однако я не вижу, где передать дополнительный код. react-mapbox-gl
поддерживает дополнительный код? Или я могу просто добавить скрипт, содержащий дополнительный код, к документу, что-то вроде этого:
import MapBoxScript from '../../Utils/MapBox'
...
useEffect(() => {
const script = document.createElement('script');
script.src = MapBoxScript;
script.async = true;
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
}
}, []);
Если есть способ добавить дополнительный код, как я буду захватывать событие из дополнительного код. Могу ли я получить его из метода onClick
в компоненте MapGL
. Любые идеи или предложения будут оценены!