Реализовать имперские юниты на React Mapbox

Question

Я пытаюсь использовать имперские (мили) в масштабе карты Mapbox. Я ушел из этой документации: https://docs.mapbox.com/mapbox-gl-js/api/, и пробовал оба, но ни один из них не работает:

                    <ReactMapboxGL
                        imperial={true}
                    >

и

                    <ReactMapboxGL
                    unit={"imperial}
                    >

Кто-нибудь когда-либо успешно переключался с км нами в нижней шкале?

Answer 1

Согласно документации, единицы должны быть установлены в объекте ScaleControl .

Посмотрите на этот пример из документов:

var scale = new mapboxgl.ScaleControl({
  maxWidth: 80,
  unit: 'imperial'
});

map.addControl(scale);

scale.setUnit('metric');