如何在 Blazor 中实现 Harp GL？答案

【问题标题】：How do I implement Harp GL in Blazor?如何在 Blazor 中实现 Harp GL？
【发布时间】：2022-02-20 16:53:24
【问题描述】：

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

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

【问题讨论】：

标签： three.js heremaps

【解决方案1】：

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

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

右键单击您的项目，点击添加>新建并选择 TypeScript JSON 配置文件。不要更改名称。点击确定。

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

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

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

构建您的解决方案。如果您正确地遵循了这一点，它应该会成功构建。您现在可以像这样在 typescript 文件中使用这些包：

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

还有什么问题请在下方留言。当我第一次需要安装@here/harp.gl 时，我犯了只安装@here/harp-datasource-protocol 的错误。在这里为任何其他初级开发人员写这篇文章，以便他们在 Here 文档中大发雷霆。快乐编码！

【讨论】：

我要补充的另一件事是，webpack 输出部分必须有库目标和库集。例如：libraryTarget：'umd'，library：'EntryPoint'