Есть ли способ использовать стилизованные компоненты / JSX в качестве элементов маркера?

Question

Я бы хотел сделать что-то вроде этого:

import styled from 'styled-components'

const Marker = styled.div`...`
const MarkerIcon = styled.svg`...`

const element = (
  <Marker>
    <MarkerIcon />
  </Marker>
)

new mapboxgl.Marker(element)
  .setLngLat([...])
  .addTo(map)

Возможно ли это, или у вас есть для использования document.createelement?

Answer 1

Получилось:

const marker = document.createElement('div')

new mapboxgl.Marker(marker)
  .setLngLat([...])
  .addTo(map)

ReactDOM.render(<Marker />, marker)