Где я могу добавить дополнительный javascript код с помощьюact-mapbox-gl? - PullRequest
0 голосов
/ 22 апреля 2020

это более общий вопрос. Я хотел бы использовать 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. Любые идеи или предложения будут оценены!

...