Ошибка управления линейкой: Uncaught SyntaxError: Неожиданный идентификатор

Question

У меня эта проблема, хотя я сделал то, что просит mapbox, но, возможно, я что-то пропустил.

Это ссылка с использованием: https://bravecow.github.io/mapbox-gl-controls/ (я только пытаюсь добавить контроль линейки)

Я пытаюсь добавить линейку в mapbox-gl, при использовании mapbox говорит, что мне нужно сделать:

npm install mapbox-gl-controls

и добавьте

<link href="mapbox-gl-controls/theme.css" rel="stylesheet">

к коду, который я уже сделал и добавил его в основную папку, я ищу больше об импорте и в некоторых случаях мне нужно добавить {} к функции, которая будет импортирована, но кажется, что там это что-то еще.

import RulerControl from 'mapbox-gl-controls/lib/ruler';



map.addControl(new RulerControl(), 'top-right');


// events


map.on('ruler.on', () => console.log('ruler: on'));

map.on('ruler.off', () => console.log('ruler: off'));

полученное сообщение об ошибке:

"Uncaught SyntaxError: Неожиданный идентификатор"

Answer 1

Ошибка связана с тем, что вы не используете {} в своем import утверждении.

Попробуйте изменить свой импорт следующим образом:

import { RulerControl } from 'mapbox-gl-controls/lib/ruler';

Надеюсьhelp

Вы можете найти документы для import здесь