如何在 Blazor 中实现 Harp GL？

Question

我想在我的 Blazor 项目中实现 HereMap 的 harp GL 3D 地图。因为我想在我的项目中使用特定的节点包，我应该如何添加它？ HereMaps 指南在实施 Harp GL 方面不是很具体。从 Just js 文件跳到然后有 typescript 和 node 包。

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

Answer 1

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

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

Right-click 你的项目，点击添加 > 新建和 select TypeScript JSON 配置文件。不要更改名称。点击确定。

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

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

现在 right-click 在您的 JS 文件夹中，然后在终端中打开。粘贴以下内容：npm init -y 一旦完成，我们将需要安装 Harp GL：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.gl 时，我犯了一个错误，只安装了 @here/harp-datasource-protocol。在这里写这篇文章是为了让其他初级开发人员在 Here 文档上费尽心机。编码愉快！

如何在 Blazor 中实现 Harp GL？

How do I implement Harp GL in Blazor?

three.js

heremaps