SuperMap超图使用简单笔记
1 需求：
项目使用的是openlayer和Cesium，现在需要使用超图的图层，和引入实景公路功能。
2 使用过程中出现一下疑问点记录如下 ：
超图： 北京超图软件股份有限公司是全球第三大、亚洲最大的地理信息系统（GIS）软件厂商,是一家国内的地图服务商。超图有自己的全生态产品，部分产品为在其他技术基础上修改优化而来。
3 Cesium加载超图的图层
思路是，使用Cesium自己的依赖包，正常加载。
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><!-- Include the CesiumJS JavaScript and CSS files --><script src="https://cesium.com/downloads/cesiumjs/releases/1.102/Build/Cesium/Cesium.js"></script><link href="https://cesium.com/downloads/cesiumjs/releases/1.102/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head><body><div id="cesiumContainer"></div><script>Cesium.Ion.defaultAccessToken ="eyJhbGciOiJIU*****5cCI6IkpXVCJ9.eyJqdGkiOiI4ZjNhMDU4NC0wNWMxLTRhNmEtYWI4Yy01M2EzMzY2NTY0ZTYiLCJpZCI6MTkzMTksInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1NzUzNTUxMzJ9.zO0b6MjVkjfRDD9bHG1ffvTVbTA0WQ1JU16X9cndyv0";const viewer = new Cesium.Viewer('cesiumContainer', {terrainProvider: Cesium.createWorldTerrain()});viewer.camera.setView({destination: Cesium.Cartesian3.fromDegrees(119.90,31.02,60000.0),});// 超图的图层viewer.imageryLayers.addImageryProvider(new Cesium.WebMapServiceImageryProvider({url: "http://****.***:8090/iserver/services/map-changxingxiandao/wms22",layers: "xiandao@changxingxd",}),8);</script></div>
</body></html>
4 Openlayer加载超图图层
思路： 使用openlayer依赖，正常加载。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title data-i18n="resources.title_tiledMapLayer4326"></title>
<link href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.9.0/css/ol.css" rel="stylesheet" />
<link href='https://iclient.supermap.io/dist/ol/iclient-ol.min.css' rel='stylesheet' />
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.9.0/build/ol.js"></script>
<script type="text/javascript" src="https://iclient.supermap.io/dist/ol/iclient-ol.min.js"></script>
<style>body,html{height: 100%;}
</style>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%">
<div id="map" style="width: 100%;height:100%"></div>
<script type="text/javascript">var map, url = (window.isLocal ? window.server : "https://iserver.supermap.io")+"/iserver/services/map-world/rest/maps/World";var url = "http://**.**.**.***:8090/iserver/map-chang***/rest/maps/xiandao@changxingxd";map = new ol.Map({target: 'map',controls: ol.control.defaults({attributionOptions: {collapsed: false}}).extend([new ol.supermap.control.Logo()]),view: new ol.View({center:[121.2,30],zoom: 9,projection: 'EPSG:4326'})});var layer = new ol.layer.Tile({source: new ol.source.TileSuperMapRest({url: url,wrapX: true}),projection: 'EPSG:4326'});map.addLayer(layer);map.addControl(new ol.supermap.control.ScaleLine());</script>
</body></html>
5 项目引入道路实景（虚拟漫游 supermap ）
1.相关资料
国内漫游产品
https://www.5uvr.com/
虚拟开发平台 国外的
krpano
www.krpano.com
国外网站，可能打不开
购买基础包（可以使用所有api）：1246 元
458欧元（所有api+ 去除右键产品信息和logo） 折合人民币 3352 元
什么是虚拟漫游？
简单来说，虚拟漫游就是由多个VR全景和多媒体技术组成的一个整合体。
krpano就是一种将VR全景图制作成虚拟漫游的技术。
实现思路：
从数据采集到数据处理到前端展示一整套流程，需要一定的人员参与。
全景车+全景相机采集图像信息，全景测量，使用krpano，对全景图片进行细碎化，再根据空间的上下左右前后6个面进行逻辑上的缝合，形成虚拟全景。
2 使用
登录官网https://krpano.com/download/，根据系统下载相应的软件，安装到电脑，根据流程导入采集的全景图片，稍等片刻，图片多的话处理时间会相应增加，形成一个工程，相关参考demo.
3注意点
demo的主html文件不能直接打开，需要启动本地服务，或使用Hbuilder - 运行到浏览器。
实现思路：
- 下载超图的三维资源包 http://support.supermap.com.cn/product/iClient.aspx
本案例使用的是， SuperMap iClient3D 11i (2022) SP1 for Cesium(2022-11-01) ，这个版本是超图在
Cesium的基础上优化而来， 实际就是在这个基础上加了自己的js，图片，所以和Cesium官网上的资源包
是不一样的。 - 查看demo ,运行时，同样需要启动服务，或使用Hbuilder 运行到浏览器。否则跨域。
相关文章：
SuperMap超图使用简单笔记
1 需求： 项目使用的是openlayer和Cesium，现在需要使用超图的图层，和引入实景公路功能。 2 使用过程中出现一下疑问点记录如下 ： 超图： 北京超图软件股份有限公司是全球第三大、亚洲最大的地理信息系统（G…...
从0探索NLP——神经网络
从0探索NLP——神经网络 1.前言 一提人工智能，最能想到的就是神经网络，但其实神经网络只是深度学习的主要实现方式。 现在主流的NLP相关任务、模型大都是基于深度学习也就是构建神经网络实现的，所以这里讲解一下神经网络以及简单的神经网络…...
计算机操作系统和进程
✨个人主页：bit me👇 ✨当前专栏：Java EE初阶👇 ✨每日一语：心平能愈三千疾，心静可通万事理。 目 录🐬一. 操作系统🍦1. 操作系统是什么？🍨2. 操作系统的两个…...
JAVA服务端实现页面截屏（附代码）
JAVA服务端实现页面截屏适配需求方案一、使用JxBrowser使用步骤：方案二、JavaFX WebView使用步骤：方案三、Headless Chrome使用步骤：综上方案对比记录我的一个失败方案参考适配需求 有正确完整的地址url；通过浏览器能打开该url对…...
Java入门要知道！
首先我们都知道的是Java是一门面向对象的编程语言，不仅吸收了C语言的各种优点，还摒弃了C里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向…...
[6/101] 101次软件测试面试之经典面试题剖析
01、自我介绍答：大家好，我是一名软件测试工程师，但我更喜欢称自己为“软件bug捕手”。我相信，软件测试工程师的使命就是让软件更加健壮、更加可靠、更加美好。我们就像是一群“特警”，在黑暗的代码中寻找漏洞和缺陷&am…...
电脑c盘满了变成红色了怎么清理，清理c盘详细攻略
我们的电脑当用了一段时间之后，其实自然而然的就会有一点点卡，其实这是因为我们的电脑c盘满了，所以会造成卡顿是正常的，今天我们就来聊一聊电脑c盘满了变成红色了怎么清理？ 一.电脑c盘为啥会满 软件安装：当…...
现在的00后，实在是太卷了
现在的小年轻真的卷得过分了。前段时间我们公司来了个00年的，工作没两年，跳槽到我们公司起薪18K，都快接近我了。后来才知道人家是个卷王，从早干到晚就差搬张床到工位睡觉了。 最近和他聊了一次天，原来这位小老弟家里条…...
RocketMQ概述
RocketMQ入门学习MQ概述MQ简介MO用途限流削峰异步解耦数据收集常见的MQ产品ActiveMQRabbitMQKafkaRocketMQ对比MQ常见协议JMSSTOMPAMOPMQTTMQ概述 MQ简介 MQ，Message Queue，是一种提供消息队列服务的中间件，也称为消息中间件，是…...
解决Ubuntu22.04.1上安装ch34x串口驱动报 Key was rejected by service 需要签名的问题
解决Ubuntu22.04.1上安装ch34x串口驱动报 Key was rejected by service 需要签名的问题问题官网下载解压驱动包编译安装给驱动签名再来载入模块（设备驱动程序）问题 Ubuntu22.04.1 Linux版本5.19.0-32-generic 运行Qt串口通信 m_serialPort->open(QIO…...
[python入门㊿] - python如何打断点
目录 ❤ 什么是bug(缺陷) ❤ python代码的调试方式 ❤ 使用 pdb 进行调试 测试代码示例 利用 pdb 调试 退出 debug debug 过程中打印变量 停止 debug 继续执行程序 debug 过程中显示代码 使用函数的例子 对函数进行 debug 在调试的时候动态改变值 ❤ 使用 PyC…...
CCNP350-401学习笔记（501-550题）
501、Refer to the exhibit. What is the effect of the configuration? A. The device will allow users at 192.168.0.202 to connect to vty lines 0 through 4 using the password ciscotestkey B. The device will allow only users at 192 168.0.202 to connect to vty …...
音箱上8键触摸芯片绿芯GTC08L完美替换启攀微
由工采网代理提供的韩国GreenChip电容式触摸芯片-GTC08L是GreenTouch5CTM电容式触摸传感器系列之一；可以在发动机运行下进行8通道电容传感；对电磁兼容、电磁干扰、温湿度变化、电压干扰、温度漂移、湿度漂移等都有较强的抗干扰能力。不会对CS, RS,EFT&am…...
php+vue加油站会员服务系统 java微信小程序
目 录 1绪论 1 1.1项目研究的背景 1 1.2开发意义 1 1.3项目研究现状及内容 5 1.4论文结构 5 2开发技术介绍 7 2.5微信小程序技术 8 3系统分析 9 3.1可行性分析 9 3.1.1技术可行性 9 3.1.2经济可行性 9 3.1.3操作可行性 10 3.2网站性能需求分析 10 3.3网站功能分析 10 3.4系统…...
ES6--class类（详解/看完必会）
目录 1、基本概念 2、基本用法 3、class与构造函数的区别 4、constructor的使用 5、自定义方法 6、extends和super （1）问题一：我们想要在点击按钮二的时候改变字体大小，如何写呢？ （2）问…...
ChatGPT的出现网络安全专家是否会被替代?
ChatGPT的横空出世，在业界掀起了惊涛骇浪。很多人开始担心，自己的工作岗位是否会在不久的将来被ChatGPT等人工智能技术所取代。网络安全与先进技术发展密切相关，基于人工智能的安全工具已经得到很多的应用机会，那么未来是否更加可…...
游戏服务器框架设计 总纲
服务器框架篇： 1.配置文件系统 libxml 2.日志系统 log4xx 3.数据库保存以及接口设计 4.Proto协议定义 5.Redis接口设计 6.网络层设计 epoll/iocp 7.服务器内部协议路由层设计 8.分布式节点管理设计 9.服务器负载伸缩管理设计 10.服务器进程热更流程设计 11.GM系…...
PB里post提交
PB 通过 PostRul 一、 创建Standard Class对象 type为"internetresult" n_ir 二、 界面中，增加按钮。点击测试post提交。 Blob lblb_args String ls_header String ls_url String ls_args Long ll_length Integer li_rc inet iinet_base,iinet n_ir ir iinet_ba…...
Linux 配置网卡(基础配置、网卡会话配置、网卡绑定配置)
目录 配置网卡基本信息 通过nmcli命令配置网卡 通过配置网卡文件配置网卡 通过nmtui命令配置网卡 通过nm-connection-editor命令配置网卡 网卡高级配置 配置网络会话 配置网卡绑定（Bonding） 通过nmcli命令配置网卡绑定 nm-connection-editor 进…...
深度学习Week16-yolo.py文件解读（YOLOv5）
目录 简介 需要的基础包和配置 二、主要组件介绍 2.1 parse_model 2.2Detect类 2.3DetectionModel类 三、实验 🍨 本文为[🔗365天深度学习训练营]内部限免文章（版权归 *K同学啊* 所有） 🍖 作者：[K同学啊…...
富文本编辑组件封装，tinymce、tinymce-vue
依赖：package.json yarn add tinymce tinymce/tinymce-vue {"dependencies": {"tinymce/tinymce-vue": "5.0.0","tinymce": "6.3.1","vue": "3.2.45",}, } 本地依赖： 在publ…...
电子作业指导书系统能树立良好的生产形象
“制造”就是以规定的成本、规定的工时、生产出品质均匀、符合规格的产品。从全球新能源汽车的发展来看，其动力电源主要包括锂离子电池、镍氢电池、铅酸电池、超级电容器，其中超级电容器大多以辅助动力源的形式出现。那么，电子作业指导书系统…...
Doris单机部署
文章目录1. 前言2. 安装3. 启动4. 使用1. 前言 Apache Doris 是一款现代 MPP (Massively Parallel Processing大规模并行处理) 的分布式 SQL 分析数据库，所谓分析数据库就是将其数据集分布在许多机器或节点上，以处理大量数据，采用 Apache 2.0…...
利用身份证号获取生日信息
1 问题如何利用Java程序从身份证号中获取生日信息。2 方法采用“截图文字代码”的方式描述。//调用函数获取当前日期以及截取身份证号码中的数字import java.util.Calendar;import java.util.Scanner;public class nain { static Scanner sc new Scanner(System.in); st…...
c++模板的简单认识
文章目录 前言一.泛型编程 函数模板 模板参数的匹配原则 类模板总结前言 ADD函数很好写，但是如果我们要有int类型的，double类型的，char类型的等等各种类型，难道要写这么多不同的ADD函数吗，这么写简直太麻…...
真香！Linux 原来是这么管理内存的
Linux 内存管理模型非常直接明了，因为 Linux 的这种机制使其具有可移植性并且能够在内存管理单元相差不大的机器下实现 Linux，下面我们就来认识一下 Linux 内存管理是如何实现的。 一，基本概念 每个 Linux 进程都会有地址空间，这…...
计网之IP协议和以太网
文章目录一. IP协议1. IPv4报头介绍2. 解决IPv4地址不够用的问题3. IP地址管理4. 路由选择二. 以太网三. 浅谈DNS域名解析系统一. IP协议 IP协议是位于OSI模型中第三层(网络层)的协议, 在这层上工作的不止这一个协议, 但IP协议是网络层传输所使用的最主流的一种协议, 有IPv4和…...
华为OD机试 - 关联子串（Python） | 机试题+算法思路+考点+代码解析 【2023】
关联子串 题目 给定两个字符串str1和str2 如果字符串str1中的字符，经过排列组合后的字符串中 只要有一个是str2的子串 则认为str1是str2的关联子串 若不是关联子串则返回-1 示例一： 输入： str1="abc",str2="efghicaibii" 输出： -1 预制条件： 输入的…...
SpringBoot学习笔记(二)
配置文件分类 SpringBoot中4级配置文件 1级：file：config/application.yaml 【最高】 2级：file：application.yml 3级：classpath：config/application.yml 4级：classpath：application.…...
亚马逊云科技SageMaker：实现自动、可视化管理迭代
现如今，AI正在成为跨时代的技术，在数字经济发展中登上舞台，发挥关键作用。在Gartner发布的《2022年新兴技术成熟度曲线》*报告中，AIGC（即AI Generated Content，人工智能自动生成内容）被列为2022…...