从谷歌5月份发布其对外提供倾斜三维模型服务后,我在GISer学习资源库 知识星球中分享了5篇相关的内容。
今天摘录其中一篇给大家分享下,介绍一种目前为止,网页端加载谷歌倾斜模型最简单的方式之二谷歌首页怎么设置,这种方法源自medium上的一篇文章《Build Your Google Earth 3D Web App》,你只需要在代码中替换下对应的Key就可以啦。
代码如下,需要替换key的地方我用中文做了标注。
<html lang=\"en\"><head><meta charset=\"utf-8\"><script src=\"https://cesium.com/downloads/cesiumjs/releases/1.105.1/Build/Cesium/Cesium.js\"></script><link href=\"https://cesium.com/downloads/cesiumjs/releases/1.105.1/Build/Cesium/Widgets/widgets.css\"rel=\"stylesheet\"></head><body style=\"margin:0px\"><div id=\"cesiumContainer\" style=\"height:100vh;\"></div><script>Cesium.Ion.defaultAccessToken = \'修改这个地方,换成自己的Token\';Cesium.GoogleMaps.defaultApiKey = \'修改这个地方,换成自己的Key\';// Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.const viewer = new Cesium.Viewer(\'cesiumContainer\', {globe: false,});// add a global layer of Photorealistic 3D Tiles to our scene.// Add Photorealistic 3D Tilesasync function addGoogleP3T() {try {const tileset = await Cesium.createGooglePhotorealistic3DTileset();viewer.scene.primitives.add(tileset);} catch (error) {console.log(`Error loading Photorealistic 3D Tiles tileset. ${error}`);}}addGoogleP3T();// Point the camera at the HFT Stuttgart (Change to yours!)viewer.camera.setView({ \"destination\": { \"x\": 4157461.4563741013, \"y\": 671341.0061027076, \"z\": 4774675.061607998 }, \"orientation\": { \"direction\": { \"x\": -0.9961029219201177, \"y\": 0.04678777747726383, \"z\": 0.07476545205468949 }, \"up\": { \"x\": 0.08148125542536441, \"y\": 0.1636911012978059, \"z\": 0.9831408995511365 } } })</script></div></body></html>
那么关键来啦,对应的Key去哪里搞呢?
#1
Cesium Access Tokens
在这个网站注册登录

登陆后是这个样子

点击Access Token菜单,切换到对应页面,点击Create Token。

设置完对应的参数,点击Create即可

#2
Google Key

启用Map Tiles API

创建凭据

点击创建,稍等片刻便创建完成。

有了谷歌的API密钥、Cesium的Token后,直接替换代码中的中文部分即可。将上述代码复制到txt文本中,将txt文本后缀改成html后,双击打开即可查看。

更多有趣好玩的学习技能,可以来知识星球和1100+球友一起学习。一次加入,永久有效,知识星球官方可以开具对应发票。
现在加入,还可以获得纸质版QGIS学习手册2.0一份,数量有限谷歌首页怎么设置,先到先得。
声明:
1、本站资源针对会员完全免费,站点中所有资源大部分为投稿作者付费教程,切勿轻易添加教程上除本站信息外的任何联系方式,谨防被割,如有疑问请随时联系客服。
2、本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
1、本站资源针对会员完全免费,站点中所有资源大部分为投稿作者付费教程,切勿轻易添加教程上除本站信息外的任何联系方式,谨防被割,如有疑问请随时联系客服。
2、本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。




×