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'));

我收到的错误消息是

“未捕获的SyntaxError：意外的标识符”

Answer 1

该错误是由于您未在{}语句中使用import引起的。

尝试像这样更改您的导入：

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

希望有帮助

您可以找到import here

的文档

标尺控制错误：语法错误：意外的标识符

1 个答案: