ответная листовка не загружает плитки и дает ошибку 403 запроса - PullRequest
Новая
       6

ответная листовка не загружает плитки и дает ошибку 403 запроса

0 голосов
/ 22 апреля 2020

Я использую реактивную листовку с поставщиком плиток Stadia OSM bright. когда я запускаю его локально, показывает плитки, но когда я делаю сборку и загружаю их на сервер, он останавливает загрузку плиток и начинает выдавать запрос 403 «Запрещенная ошибка». У меня есть ключ API, но я не нашел никакого решения, где поместить его в компонент. вот пример кода 

render() {
const headeris = {"Authorization": "Stadia-Auth "+this.state.authkey}
return (
  <LeafletMaps
    center={[this.state.lat, this.state.lng]}
    zoom={12}
    maxZoom={17}
    attributionControl={true}
    zoomControl={true}
    doubleClickZoom={true}
    scrollWheelZoom={true}
    dragging={true}
    animate={true}
    easeLinearity={0.5}
  >
    <TileLayer 
    url="https://tiles.stadiamaps.com/tiles/osm_bright/{z}/{x}/{y}{r}.png"
    attribution= '&copy; <a href="https://stadiamaps.com/">Stadia Maps</a>, &copy; <a href="https://openmaptiles.org/">OpenMapTiles</a> &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'
    />
    {this.state.markers.map((position, index) => (
      <Marker
        key={`marker-${index}`}
        position={[position[0][4], position[0][5]]}
      >
        <Popup>
          <p>{position[0][0]}</p>
          <a href={`/admin/calender/${position[0][2]}`}>Book now</a>
        </Popup>
      </Marker>
    ))}
  </LeafletMaps>
);
...