无法创建 Deck.gl 层和叠加层
Unable to create Deck.gl layers and overlay
我通过 npm 安装了 deck.gl,但我无法创建图层。起初我试图创建一个 google 覆盖,后来我尝试使用 mapbox 覆盖。它不断抛出相同的错误,我附上了错误图像和代码片段。我将它与 angular 一起使用,并且我正在尝试在我的组件的 ngOnInit 中创建一个覆盖。
谢谢!
[![错误图片][1]][1]
import {ScatterplotLayer} from '@deck.gl/layers';
import {MapboxLayer} from '@deck.gl/mapbox';
//below in my ngOnInit
ngOnInit() {
this.initializeManagers();
this.addListenerForAddressInput();
const myDeckLayer = new MapboxLayer({
id: 'my-scatterplot',
type: ScatterplotLayer,
data: [
{position: [-74.5, 40], size: 100}
],
getPosition: d => d.position,
getRadius: d => d.size,
getColor: [255, 0, 0]
});
}
[1]: https://i.stack.imgur.com/ASRuw.png
好的,问题出在 deck.gl 的 npm 模块上,它使用的是 loaders.gl,所以我安装了它,但它不起作用,所以我在我的 index.html 中手动导入了脚本,并且成功了。
<script src="https://unpkg.com/deck.gl@8.7.3/dist.min.js"></script>
<script src="https://unpkg.com/@deck.gl/google-maps@8.7.3/dist.min.js"></script>
我通过 npm 安装了 deck.gl,但我无法创建图层。起初我试图创建一个 google 覆盖,后来我尝试使用 mapbox 覆盖。它不断抛出相同的错误,我附上了错误图像和代码片段。我将它与 angular 一起使用,并且我正在尝试在我的组件的 ngOnInit 中创建一个覆盖。 谢谢! [![错误图片][1]][1]
import {ScatterplotLayer} from '@deck.gl/layers';
import {MapboxLayer} from '@deck.gl/mapbox';
//below in my ngOnInit
ngOnInit() {
this.initializeManagers();
this.addListenerForAddressInput();
const myDeckLayer = new MapboxLayer({
id: 'my-scatterplot',
type: ScatterplotLayer,
data: [
{position: [-74.5, 40], size: 100}
],
getPosition: d => d.position,
getRadius: d => d.size,
getColor: [255, 0, 0]
});
}
[1]: https://i.stack.imgur.com/ASRuw.png
好的,问题出在 deck.gl 的 npm 模块上,它使用的是 loaders.gl,所以我安装了它,但它不起作用,所以我在我的 index.html 中手动导入了脚本,并且成功了。
<script src="https://unpkg.com/deck.gl@8.7.3/dist.min.js"></script>
<script src="https://unpkg.com/@deck.gl/google-maps@8.7.3/dist.min.js"></script>