Как добавить собственные источники / слои поверх шаблонных стилей вact-map-gl? - PullRequest
Новая
       32

Как добавить собственные источники / слои поверх шаблонных стилей вact-map-gl?

0 голосов
/ 14 июня 2019

При использовании response-map-gl я не могу наложить мои собственные источники / слои поверх предопределенного шаблона стиля.При передаче реквизита стиля в компонент карты я могу добавить либо шаблон, либо мои собственные источники / слои, но не оба сразу.Вот краткий пример: 

mapStyle='mapbox://styles/mapbox/streets-v9'
mapStyle={mapStyle}

Индивидуально любой из них будет работать, когда я закомментирую другой.Есть ли способ легко расширить стиль mapbox с моими собственными источниками / слоями?Ниже приведен полный компонент: 

const Map = () => {
  const [viewport, setViewport] = React.useState({
    width: '100%',
    height: '100%',
    latitude: 37.7577,
    longitude: -122.4376,
    zoom: 8
  })

  const mapStyle = {
    version: 8,
    sources: {
      states: {
        type: 'geojson',
        data: 'https://docs.mapbox.com/mapbox-gl-js/assets/us_states.geojson'
      }
    },
    layers: [
      {
        id: 'states-fill',
        type: 'fill',
        source: 'states',
        paint: {
          'fill-color': '#627BC1'
        }
      }
    ]
  }

  return (
    <ReactMapGL
      mapboxApiAccessToken={TOKEN}

      /* Here's the problem */
      mapStyle='mapbox://styles/mapbox/streets-v9'
      // mapStyle={mapStyle}

      {...viewport}
      onViewportChange={v => setViewport(v)}
    />
  )
}
...