谷歌地图 WebGL 支持

Question

我看过 Google Maps JavaScript API WebGL beta 的 3D 地图。 3D 建筑可视化非常漂亮，我们想使用它。 我对这个 API 有几个疑问。 -- 当我们用于商业目的时，该产品的许可将如何。 -- 他们是否支持将我们自己的建筑数据添加到谷歌云，以便可以使用谷歌 webGL API 渲染它们。 -- 我在 URL 中给出的示例中看到了使建筑物透明并用某种颜色突出显示： https ://geo-devrel-io2021-travel.web.app/#hotels 我想更改建筑物的渲染，例如颜色、透明度，并且都以相同的方式。 我无法找到适当的文档来实现此类功能，是否有任何文档可用于使用 Google WebGL API 实现此类功能？ 截图如下

在此处输入图像描述

谢谢，吉里什

Answer 1

我不确定现有建筑物不再可见的确切机制，但带有突出显示的新建筑物是使用 ThreeJS 挤压出来的。

//hotels color
  const hotelMaterial = new MeshStandardMaterial({
    transparent: true,
    opacity: 0.5,
    color: 0x00ff00
  });

  const roofShape = new Shape();
  points.forEach((p, i) => {
    i === 0 ? roofShape.moveTo(p.z, p.x) : roofShape.lineTo(p.z, p.x);
  });

  const extrudeSettings = {
    depth: BUILDING_HEIGHT,
    bevelEnabled: false
  };
  const roofGeometry = new ExtrudeGeometry(roofShape, extrudeSettings);
  const roof = new Mesh(roofGeometry, hotelMaterial);
  roof.lookAt(UP_VECTOR);
  roof.rotateZ(Math.PI * 1.5);
  scene.add(roof);

我将对此进行深入研究。