谷歌地图 WebGL 支持

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

enter image description here

谢谢, 吉里什

ABCwoaidianlusheji 回答:谷歌地图 WebGL 支持

我不确定现有建筑物不再可见的确切机制,但带有突出显示的新建筑物是使用 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);

我会更深入地研究这个。

本文链接:https://www.f2er.com/14614.html

大家都在问