如何在Blazor中实现Harp？

Question

我想实现HereMap的竖琴GL 3D地图在我的Blazor项目。因为我想在我的项目中使用特定的节点包，我应该如何添加它呢？HereMaps指南对于实现Harp并不是非常具体。从js文件跳到有类型记录和节点包。

https://developer.here.com/tutorials/harpgl/#install-harp.gl

Answer 1

首先，在根项目文件夹中创建一个JS文件夹。然后添加一个src文件夹。将js文件从wwwroot/js/移到JS/src文件夹中。

现在将Microsoft.TypeScript.MSBuild NuGet包安装到您的项目中。你将使用打字本。

右键单击项目，按add>new并选择TypeScript。不要更改名称。打得好。

将新创建的tsconfig.json文件中的内容替换为以下内容：

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "ES2017",
    "moduleResolution": "Node"
  },
  "exclude": [
    "node_modules"
  ]
}

现在右击你的JS文件夹，点击终端打开.粘贴以下内容：npm init -y完成后，我们将需要安装Harp：npm i @here/harp.gl用于任何其他软件包，您将遵循相同的过程，例如：npm i @here/harp.gl

建立你的解决方案。如果您正确地遵循了这一点，它应该会成功地构建。您现在可以使用类型记录文件中的包，如下所示：

import { Style, StyleSet } from "@here/harp-datasource-protocol";
import { GeoCoordinates, sphereProjection } from "@here/harp-geoutils";
...

如有任何进一步问题，请评论如下。当我第一次需要安装@here/harp-datasource-protocol时，我犯了一个错误，那就是只安装@here/harp.gl。在这里写这个给其他初级开发人员，把他们的头发从这里的文档中拿出来。编码愉快！