iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试

这篇具有很好参考价值的文章主要介绍了iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

作者:超图研究院技术支持中心-于丁

iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试

相信大家第一次使用SuperMap iClient3D for Cesium或SuperMap iClient3D for WebGL的时候,都遇到过和我一样的事情:
在文件夹中直接打开html的示例代码文件于浏览器中;
或者使用vscode安装open in brower插件,直接右键选择使用浏览器渲染html文件。

会直接收到如下大大报错,因为这两种方式都属于是“本地打开方式”,这两种方式对于三维客户端都会导致无法进行测试的报错。
iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试,SuperMap三维GIS,3d,webgl,vscode
iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试,SuperMap三维GIS,3d,webgl,vscode
通常情况下,我们在查阅网上资料后,会得到的答案是“将程序部署在一个服务器,如tomcat中”、“借助iServer内置的tomcat,放到webapps文件夹中,启动iServer”…等重量级操作方法,这些方法可以运行我们的三维客户端,但是毫无疑问,这些操作对于我们开发调试并不是那么的方便。
下面就给大家提供用vscode,以服务方式运行调试三维客户端的一种方法。
以服务的方式运行html设置步骤:
1.下载插件:Live Server

2.安装完成后点击”设置“图标中的”设置“
iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试,SuperMap三维GIS,3d,webgl,vscode

3.在弹出的界面中选择”工作区“-”扩展“-”live Server Config“,设置custom broswer为Chrome
iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试,SuperMap三维GIS,3d,webgl,vscode
iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试,SuperMap三维GIS,3d,webgl,vscode

4.在html中右键选择” open with live server“
iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试,SuperMap三维GIS,3d,webgl,vscode

  1. 即可使用服务的方式打开html
    iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试,SuperMap三维GIS,3d,webgl,vscode

若对本文内容有疑问或讨论可在本文下方留言。文章来源地址https://www.toymoban.com/news/detail-757210.html

到了这里,关于iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • SuperMap iClient3D for Cesium最短路径分析

    作者:Mei    在交通、消防业务场景中,如果某地发生火灾或者交通事故,需要快速规划出最短抢救路线,这就要用到网络分析中的最短路径分析功能。接下来就跟着小编一起看看,在三维场景中,如何实现最短路径分析。    首先在iDesktop中通过二维线构建网络数据集,

    2024年02月11日
    浏览(56)
  • SuperMap iClient3D for Cesium 实现图层下钻功能

    目录 前言 一、所需数据及发布服务 1、数据准备  2、地图展示 二、Cesium.SuperMapImageryProvider 接口 三、相关代码         实现地图下钻功能可以提供更详细的地理信息、支持交互式探索、展示层级关联的数据和提供数据分析决策支持等优势。通过点击地图上的区域或点,用

    2024年02月03日
    浏览(86)
  • vue3+SuperMap iClient3D for Cesium实现可视域分析功能

    本人小白一枚,文章如有问题还请各位大神评论区指出。整体实现是参考SuperMap iClient3D for Cesium的可视域分析功能源码~ 文章目录 前言 一、主要功能 二、使用步骤 1.HTML主要结构 2.javascript SuperMap iClient3D for Cesium中的ViewShed3D类提供了可视域分析,设置观察点、目标的位置,水平

    2024年02月15日
    浏览(44)
  • 【超图】SuperMap iClient3D for WebGL/WebGPU —— 坐标系&位置 —— Cartesian2

    作者:taco         说到关于地理必然逃不开位置的关系。借用百度百科的内容来说 地理学(geography) ,是研究地球表层 空间地理 要素或者地理综合体 空间分布规律 、时间演变过程和 区域 特征的一门学科。 所以 位置坐标系 必然逃不掉了。那么在SuperMap iClient3D for Web

    2024年01月16日
    浏览(53)
  • SuperMap iClient3D 11i (2023) SP1 for Cesium之移动实体对象

     作者:nannan 目录 前言 一、代码思路 1.1 绘制面实体对象 1.2 鼠标左键按下事件 1.3 鼠标移动事件 1.4 鼠标左键抬起事件 二、运行效果 三、注意事项        SuperMap 官网三维前端范例 编辑线面,可以对面实体对象的节点进行增加、删除以及修改位置。那可不可以整个线/面对

    2024年02月09日
    浏览(53)
  • 超图iClient3DforCesium地形、影像、模型、在线影像交互示例

    数据源:基于iserver发布的三维场景(地形、影像、BIM模型) + 在线arcgis影像 应用:目录树展示源数据列表、目录树控制源数据可视化结果显隐、BIM模型点选查询关联属性

    2024年02月03日
    浏览(48)
  • WebGL入门之基于WebGL的3D可视化引擎介绍

    WebGL(Web Graphics Library)是一个JavaScript API,用于在任何兼容的Web浏览器中渲染高性能交互式3D和2D图形,而无需使用插件。WebGL通过引入一个非常符合OpenGL ES 2.0的API来实现这一点,该API可以在HTML 元素中使用。这种一致性使 API 可以利用用户设备提供的硬件图形加速。WebGL完全集

    2024年02月11日
    浏览(51)
  • WebGL,Cesium以及GeoJSON数据的简单介绍

    目录 一、WebGL 二、Cesium (1)Cesium:一个用于显示三维地球和地图的开源js库。 (2)Cesium的基本功能: (3)cesium的依赖性与技术标准 (4)Cesium与周边产品的关系 (5)Cesium viewer界面部件介绍 三、GeoJSON数据 【GeoJSON数据】 【GeoJSON 对象 】 1 几何图形 2 Feature 3 特征集合 【可

    2024年02月12日
    浏览(63)
  • Cesium版本升级webgl问题,glsl代码报错,修改办法

      Cesium 从1.102.0  开始,Cesium 默认使用  WebGL2  上下文。一些webgl特效代码在webgl1中支持,但是在版本升级后,运行会报各种glsl代码错误。现在有两种解决方案。详细办法描述如下所示。   地球初始化配置如下: requestWebgl1: true   需要修改的为:  varying   attribute  

    2024年02月06日
    浏览(38)
  • 使用Three.js创建令人惊叹的WebGL 3D可视化

    WebGL 可视化 3D 绘图是一项新兴技术,具有广阔的应用前景。它允许开发人员在 Web 浏览器中创建和渲染 3D 图形,而无需安装额外的插件或软件。 本博客将介绍 Three.js,Three.js 是一个功能强大的 WebGL 框架,提供了丰富的 API 用于创建和渲染 3D 图形,接下来让我们通

    2024年01月19日
    浏览(66)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包