Карта Mapbox отображается на моем локальном компьютере, но не работает, когда я пытаюсь переадресовать порт для удаленного запуска - PullRequest
Новая
       4

Карта Mapbox отображается на моем локальном компьютере, но не работает, когда я пытаюсь переадресовать порт для удаленного запуска

0 голосов
/ 02 февраля 2020

когда я запускаю приложение на моей локальной машине

когда я запускаю приложение удаленно с переадресацией портов

Я использую реагирование. js, mapbox-gl, mapbox-gl-directions Это часть приложения, отслеживающая местоположение. Я использую mapbox с реакцией. js когда пользователь ищет определенную группу крови, приложение сначала увидит, в какой крови Если банк необходим, группа крови будет доступна, после чего будет создан маршрут от местоположения пользователя до ближайшего банка крови. Все работает нормально, когда я запускаю приложение на локальном компьютере, но

Затем я пробую переадресацию портов с помощью ngrok и запускаю приложение удаленно, все выполняет рендеринг, кроме карты макета 

    const map = new mapboxgl.Map({
      container: this.mapContainer, // See https://blog.mapbox.com/mapbox-gl-js-react-764da6cc074a
      style: 'mapbox://styles/mapbox/streets-v11',
      center: [lng, lat],
      zoom
    })
    map.addControl(
      new mapboxgl.GeolocateControl({
        positionOptions: {
          enableHighAccuracy: true
        },
        trackUserLocation: true
      })
    );


    this.directions = new MapboxDirections({
      accessToken: mapboxgl.accessToken,
      unit: 'metric',
      profile: 'mapbox/cycling'
    });

    map.addControl(this.directions, 'top-right')
  }
return (
    <div >
        <Button outline color="danger" onClick={this.ha}>Get direction</Button>{' '}
        <div ref={el => (this.mapContainer = el)} style={{ width: "100vw", height: "100vh" }} 
            className="map" >
        </div>

    </div>
    );
  }
}
...