测量功能

距离的测量是根据鼠标在地图上绘制的点，实时计算出两点之间的实际距离，面积的测量是根据鼠标绘制的范围，通过地理坐标系的转换而计算出实际面积大小。
本博客参考：https://blog.csdn.net/SmileCoffin/article/details/64122338
在此基础上添加了清除功能

代码实现

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><script src="E:/Test_Release/gis/ol/ol.js"></script><link href="E:/Test_Release/gis/ol/ol.css" rel="stylesheet" /><script src="E:/Test_Release/gis/ol/jquery.min.js"></script><link href="E:/Test_Release/gis/ol/bootstrap.min.css" rel="stylesheet" /><script src="https://openlayers.org/en/v3.20.1/build/ol.js" type="text/javascript"></script><script src="E:/Test_Release/gis/ol/bootstrap-3.3.7.min.js"></script><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><style type="text/css">#map {width: 100%;height: 100%;position: absolute;}#menu {float: left;position: absolute;bottom: 10px;left: 10px;z-index: 2000;}.checkbox {left: 20px;}/*** 提示框的样式信息*/.tooltip {position: relative;background: rgba(0, 0, 0, 0.5);border-radius: 4px;color: white;padding: 4px 8px;opacity: 0.7;white-space: nowrap;}.tooltip-measure {opacity: 1;font-weight: bold;}.tooltip-static {background-color: #ffffff;color: black;border: 1px solid white;}.tooltip-measure:before,.tooltip-static:before {border-top: 6px solid rgba(0, 0, 0, 0.5);border-right: 6px solid transparent;border-left: 6px solid transparent;content: "";position: absolute;bottom: -6px;margin-left: -7px;left: 50%;}.tooltip-static:before {border-top-color: #ffffff;}#scalebar {float: left;margin-bottom: 10px;}</style><script type="text/javascript">var map;var vector;function clearMeasure() {vector.getSource().clear();// if(0!==q.length){//     for(var j=0; j<q.length; j++)//     {//         vector.getSource().removeFeature(vector.getSource().getFeatureById(q[j].number));$("div.tooltip-static").remove();// }// var t=q.pop().number;                //删除的FeatureID// var feature=vector.getSource().getFeatureById(t);// vector.getSource().removeFeature(feature);// $("div.tooltip-static").eq(0).remove();// }}$(function () {//初始化地图var tian_di_tu = new ol.layer.Tile({source:new ol.source.OSM()});map = new ol.Map({target: 'map',layers: [tian_di_tu],view: new ol.View({center: new ol.proj.fromLonLat([114.4250, 23.0890]),zoom: 18,maxZoom: 20})});//定义矢量数据源var source = new ol.source.Vector();//定义矢量图层vector = new ol.layer.Vector({source: source,style: new ol.style.Style({fill: new ol.style.Fill({color:'rgba(255,255,255,0.2)'}),stroke: new ol.style.Stroke({color: '#e21e0a',width:2}),image: new ol.style.Circle({radius: 5,fill: new ol.style.Fill({color:'#ffcc33'})})})});//将矢量图层添加到地图中map.addLayer(vector);//添加比例尺控件var scaleLineControl = new ol.control.ScaleLine({units: 'metric',target: 'scalebar',className: 'ol-scale-line'});map.addControl(scaleLineControl);//创建一个WGS84球体对象var wgs84Sphere = new ol.Sphere(6378137);//创建一个当前要绘制的对象var sketch = new ol.Feature();//创建一个帮助提示框对象var helpTooltipElement;//创建一个帮助提示信息对象var helpTooltip;//创建一个测量提示框对象var measureTooltipElement;//创建一个测量提示信息对象var measureTooltip;//继续绘制多边形的提示信息var continuePolygonMsg = 'Click to continue drawing the polygon';//继续绘制线段的提示信息var continueLineMsg = 'Click to continue drawing the line';//鼠标移动触发的函数var pointerMoveHandler = function (evt) {//Indicates if the map is currently being dragged. //Only set for POINTERDRAG and POINTERMOVE events. Default is false.//如果是平移地图则直接结束if (evt.dragging) {return;}//帮助提示信息var helpMsg = 'Click to start drawing';if (sketch) {//Get the feature's default geometry. //A feature may have any number of named geometries.//获取绘图对象的几何要素var geom = sketch.getGeometry();//如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息//如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息if (geom instanceof ol.geom.Polygon) {helpMsg = continuePolygonMsg;} else if (geom instanceof ol.geom.LineString) {helpMsg = continueLineMsg;}}//设置帮助提示要素的内标签为帮助提示信息helpTooltipElement.innerHTML = helpMsg;//设置帮助提示信息的位置//The coordinate in view projection corresponding to the original browser event.helpTooltip.setPosition(evt.coordinate);//移除帮助提示要素的隐藏样式$(helpTooltipElement).removeClass('hidden');};//触发pointermove事件map.on('pointermove', pointerMoveHandler);//当鼠标移除地图视图的时为帮助提示要素添加隐藏样式$(map.getViewport()).on('mouseout', function () {$(helpTooltipElement).addClass('hidden');});//获取大地测量复选框var geodesicCheckbox = document.getElementById('geodesic');//获取类型var typeSelect = document.getElementById('type');//定义一个交互式绘图对象var draw;//添加交互式绘图对象的函数function addInteraction() {// 获取当前选择的绘制类型var type = typeSelect.value == 'area' ? 'Polygon' : 'LineString';//创建一个交互式绘图对象var draw = new ol.interaction.Draw({//绘制的数据源source: source,//绘制类型type: type,//样式style: new ol.style.Style({fill: new ol.style.Fill({color:'rgba(255,255,255,0.2)'}),stroke: new ol.style.Stroke({color: 'rgba(0,0,0,0.5)',lineDash: [10, 10],width:2}),image: new ol.style.Circle({radius: 5,stroke: new ol.style.Stroke({color:'rgba(0,0,0,0.7)'}),fill: new ol.style.Fill({color: 'rgba(255,255,255,0.2)'})})})});//将交互绘图对象添加到地图中map.addInteraction(draw);//创建测量提示框createMeasureTooltip();//创建帮助提示框createHelpTooltip();//定义一个事件监听var listener;//定义一个控制鼠标点击次数的变量var count = 0;//绘制开始事件draw.on('drawstart', function (evt) {//The feature being drawn.sketch = evt.feature;//提示框的坐标var tooltipCoord = evt.coordinate;//监听几何要素的change事件//Increases the revision counter and dispatches a 'change' event.listener = sketch.getGeometry().on('change', function (evt) {//The event target.//获取绘制的几何对象var geom = evt.target;//定义一个输出对象，用于记录面积和长度var output;if (geom instanceof ol.geom.Polygon) {map.removeEventListener('singleclick');map.removeEventListener('dblclick');//输出多边形的面积output = formatArea(geom);//Return an interior point of the polygon.//获取多变形内部点的坐标tooltipCoord = geom.getInteriorPoint().getCoordinates();} else if (geom instanceof ol.geom.LineString) {//输出多线段的长度output = formatLength(geom);//Return the last coordinate of the geometry.//获取多线段的最后一个点的坐标tooltipCoord = geom.getLastCoordinate();}//设置测量提示框的内标签为最终输出结果measureTooltipElement.innerHTML = output;//设置测量提示信息的位置坐标measureTooltip.setPosition(tooltipCoord);});//地图单击事件map.on('singleclick', function (evt) {//设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置measureTooltip.setPosition(evt.coordinate);//如果是第一次点击，则设置测量提示框的文本内容为起点if (count == 0) {measureTooltipElement.innerHTML = "起点";}//根据鼠标点击位置生成一个点var point = new ol.geom.Point(evt.coordinate);//将该点要素添加到矢量数据源中source.addFeature(new ol.Feature(point));//更改测量提示框的样式，使测量提示框可见measureTooltipElement.className = 'tooltip tooltip-static';//创建测量提示框createMeasureTooltip();//点击次数增加count++;});//地图双击事件map.on('dblclick', function (evt) {//根据var point = new ol.geom.Point(evt.coordinate);source.addFeature(new ol.Feature(point));});}, this);//绘制结束事件draw.on('drawend', function (evt) {count = 0;//设置测量提示框的样式measureTooltipElement.className = 'tooltip tooltip-static';//Set the offset for this overlay.//设置偏移量measureTooltip.setOffset([0, -7]);//清空绘制要素sketch = null;//清空测量提示要素measureTooltipElement = null;//创建测量提示框createMeasureTooltip();//Removes an event listener using the key returned by on() or once().//移除事件监听ol.Observable.unByKey(listener);//移除地图单击事件map.removeEventListener('singleclick');}, this);}//创建帮助提示框function createHelpTooltip() {//如果已经存在帮助提示框则移除if (helpTooltipElement) {helpTooltipElement.parentNode.removeChild(helpTooltipElement);}//创建帮助提示要素的divhelpTooltipElement = document.createElement('div');//设置帮助提示要素的样式helpTooltipElement.className = 'tooltip hidden';//创建一个帮助提示的覆盖标注helpTooltip = new ol.Overlay({element: helpTooltipElement,offset: [15, 0],positioning:'center-left'});//将帮助提示的覆盖标注添加到地图中map.addOverlay(helpTooltip);}//创建测量提示框function createMeasureTooltip() {//创建测量提示框的divmeasureTooltipElement = document.createElement('div');measureTooltipElement.setAttribute('id','lengthLabel');//设置测量提示要素的样式measureTooltipElement.className = 'tooltip tooltip-measure';//创建一个测量提示的覆盖标注measureTooltip = new ol.Overlay({element: measureTooltipElement,offset: [0, -15],positioning:'bottom-center'});//将测量提示的覆盖标注添加到地图中map.addOverlay(measureTooltip);}//测量类型发生改变时触发事件typeSelect.onchange = function() {//移除之前的绘制对象map.removeInteraction(draw);//重新进行绘制addInteraction();};//格式化测量长度var formatLength = function (line) {//定义长度变量var length;//如果大地测量复选框被勾选，则计算球面距离if (geodesicCheckbox.checked) {//Return the coordinates of the linestring.//获取坐标串var coordinates = line.getCoordinates();//初始长度为0length = 0;//获取源数据的坐标系var sourceProj = map.getView().getProjection();//进行点的坐标转换for (var i = 0; i < coordinates.length - 1; i++) {//第一个点var c1 = ol.proj.transform(coordinates[i], sourceProj, 'EPSG:4326');//第二个点var c2 = ol.proj.transform(coordinates[i + 1], sourceProj, 'EPSG:4326');//获取转换后的球面距离//Returns the distance from c1 to c2 using the haversine formula.length += wgs84Sphere.haversineDistance(c1,c2);}} else {//Return the length of the linestring on projected plane.//计算平面距离length = Math.round(line.getLength() * 100) / 100;}//定义输出变量var output;//如果长度大于1000，则使用km单位，否则使用m单位if (length > 1000) {output = (Math.round(length / 1000 * 100) / 100) + ' ' + 'km'; //换算成KM单位} else {output = (Math.round(length * 100) / 100) + ' ' + 'm'; //m为单位}return output;};//格式化测量面积var formatArea = function (polygon) {//定义面积变量var area;//如果大地测量复选框被勾选，则计算球面面积if (geodesicCheckbox.checked) {//获取初始坐标系var sourceProj = map.getView().getProjection();//Make a complete copy of the geometry.//Transform each coordinate of the geometry from one coordinate reference system to another. //The geometry is modified in place. For example, a line will be transformed to a line and a circle to a circle.//If you do not want the geometry modified in place, first clone() it and then use this function on the clone.//克隆该几何对象然后转换坐标系var geom = polygon.clone().transform(sourceProj, 'EPSG:4326');//Return the Nth linear ring of the polygon geometry. //Return null if the given index is out of range. //The exterior linear ring is available at index 0 and the interior rings at index 1 and beyond.//获取多边形的坐标系var coordinates = geom.getLinearRing(0).getCoordinates();//Returns the geodesic area for a list of coordinates.//获取球面面积area = Math.abs(wgs84Sphere.geodesicArea(coordinates));} else {//获取平面面积area = polygon.getArea();}//定义输出变量var output;//当面积大于10000时，转换为平方千米，否则为平方米if (area > 10000) {output = (Math.round(area/1000000*100)/100) + ' ' + 'km<sup>2</sup>';} else {output = (Math.round(area*100)/100) + ' ' + 'm<sup>2</sup>';}return output;};//添加交互绘图对象addInteraction();});</script>
</head>
<body><div id="map"><div id="menu"><label>测量类型选择</label><button onclick="clearMeasure()">清除</button><select id="type"><option value="length">长度</option><option value="area">面积</option></select><label class="checkbox"><input type="checkbox" id="geodesic" />使用大地测量</label></div></div><div id="scalebar"></div>
</body>
</html>

结果展示

在这里插入图片描述

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

相关文章

  1. 虚拟现实技术架构设计

    ...

    2024/5/10 5:26:01
  2. 详谈企业应该如何选择域名，域名非常的关键。

    网站建设的问题是大家都瞩目的&#xff0c;而在建设的过程中域名的问题是大家要考虑到的&#xff0c;网站想要更好的发展&#xff0c;域名是基础&#xff0c;是大家不可以忽视的&#xff0c;所以对于大家来说&#xff0c;企业网站建设的域名如何选择是关键&#xff0c;接下来就…...

    2024/5/10 14:39:44
  3. c++标准I/O输入流

    标准I/O对象:cin&#xff0c;cout&#xff0c;cerr&#xff0c;clog cout流对象 cont是console output的缩写&#xff0c;意为在控制台&#xff08;终端显示器&#xff09;的输出。强调几点。 cout不是C预定义的关键字&#xff0c;它是ostream流类的对象&#xff0c;在iostrea…...

    2024/5/2 23:50:38
  4. python流水账1

    查找工作目录 import os print(os.path.abspath(.))C:\python学习更改工作目录 右键Jupyter快捷方式点击属性&#xff0c;找到目标里面的 %USERPROFILE%将 %USERPROFILE% 修改为想用的工作目录&#xff0c;重启Jupyter Notebook&#xff0c;可以看到目录已改。 Python数值运…...

    2024/5/5 21:21:19
  5. java版Spring Cloud+Vue 前后端分离+直播电商b2b2c多商家入驻

    涉及平台&#xff1a;平台管理&#xff08;包含自营店面&#xff09;、买家平台&#xff08;PC端、H5/公众号、小程序、APP端&#xff08;IOS/Android&#xff09;、微服务 核心思想&#xff1a;分布式、微服务、云架构、模块化、原子化、持续集成、集群部署 开发模式&#xff…...

    2024/4/23 18:33:17
  6. LCP 01. Guess Numbers 猜数字

    小A 和 小B 在玩猜数字。小B 每次从 1, 2, 3 中随机选择一个&#xff0c;小A 每次也从 1, 2, 3 中选择一个猜。他们一共进行三次这个游戏&#xff0c;请返回 小A 猜对了几次&#xff1f; 输入的guess数组为 小A 每次的猜测&#xff0c;answer数组为 小B 每次的选择。guess和…...

    2024/4/9 4:18:15
  7. Mybatis使用in

    情况使用如下&#xff0c;做个记录 <if test"null ! pubSentimentNewsType and pubSentimentNewsType.size>0">and tnpf.pub_sentiment_news_type in<foreach collection"pubSentimentNewsType" item"item" open"(" separ…...

    2024/4/9 4:18:14
  8. 信息安全数学基础--同余--欧拉函数

    信息安全数学基础--同余--欧拉函数...

    2024/4/9 4:18:13
  9. FFT--快速傅里叶变换

    FFT快速傅里叶变换...

    2024/4/9 4:18:12
  10. 请勿过度依赖Redis的过期监听!!

    作者&#xff1a;迪壳 https://juejin.im/post/6844904158227595271 Redis 过期监听场景 业务中有类似等待一定时间之后执行某种行为的需求 , 比如 30 分钟之后关闭订单 . 网上有很多使用 Redis 过期监听的 Demo , 但是其实这是个大坑 , 因为 Redis 不能确保 key 在指定时间被…...

    2024/4/9 4:18:11
  11. 使用虹科ThinkRF实时频谱仪构建更好的CBRS网络

    作者&#xff1a;广州虹科 部署和优化CBRS无线网络 公民广播无线电服务&#xff08;CBRS&#xff09;是3.5 GHz频带中的150 MHz广播频带。   2020年初&#xff0c;美国联邦通信委员会&#xff08;FCC&#xff09;批准了CBRS的全面商业部署&#xff0c;为今年的4G和专用网络…...

    2024/4/9 4:18:12
  12. C++数据结构实验---栈和队列【多项式计算】

    实验二 栈和队列 1.实验内容与要求 理解栈和队列的逻辑结构及应用场景针对实际问题选择循环队列或链栈的方法&#xff0c;编程实现构造、插入、删除等基本操作掌握栈和队列的存储原理 2.实验环境 硬件环境&#xff1a;计算机软件环境:vc 3.实验算法伪代码 计算优先级&…...

    2024/4/27 6:43:52
  13. 2020年某东java笔试题

    1、set集合从原理上如何保证不重复 1&#xff09;在往set中添加元素时&#xff0c;如果指定元素不存在&#xff0c;则添加成功。也就是说&#xff0c;如果set中不存在(enull?e1null:e.queals(e1))的元素e1,则e1能添加到set中。 2&#xff09;具体来讲&#xff1a;当向HashSe…...

    2024/4/9 4:18:08
  14. 引用-- 的区别

    &引用 int &ba; //声明b是a的引用 int是被引用数据的类型 b是引用名 a是被引用数据 这里的&&#xff0c;不再是取地址符&#xff0c;而是引用声明符。 在数据类型后面出现的&都是引用声明符&#xff0c;在其他场合出现的是取地址符。 引用必须在定义的同时初始…...

    2024/5/6 8:10:53
  15. 中国消费者共享汽车使用情况调查

    转载原文 http://tecdat.cn/?p2522 汽车共享”最早出现于上个世纪四十年代的瑞士,他们发明了“自驾车合作社”&#xff0c;后来日本、英国等国争相效仿&#xff0c;但都未形成规模。而今,共享经济通过互联网达到了一个新的高度&#xff0c;共享汽车项目则乘势如雨后春笋般涌现…...

    2024/4/22 10:30:09
  16. gradle-6.0-all 快速下载

    Gradle-6.0此版本主要亮点是大大改进了依赖关系管理中的功能集&#xff0c;其中一些功能是分阶段发布的&#xff0c;在 Gradle 6.0 中&#xff0c;它们已经稳定并可以投入生产&#xff0c;默认发布 Gradle Module Metadata&#xff08;Gradle 模块元数据&#xff09;&#xff0…...

    2024/4/22 1:43:19
  17. c++学习之set/multiset容器

    一、set基本概念 简介&#xff1a;所有元素在插入时都会被自动排序。 本质&#xff1a;set/multiset属于关联式容器&#xff0c;底层结构是用二叉树实现的。 set/multiset区别&#xff1a;set不允许有重复的元素&#xff0c;multiset可以有重复的元素。 二、set构造和赋值 功…...

    2024/4/9 3:56:44
  18. Oracle执行insert语句当前时间怎么写？

    Oracle执行insert语句当前时间怎么写&#xff1f; 使用sysdate,执行结束后就为当前系统日期 INSERT INTO SERVICE_POS VALUES(1fc43f1f74a046a3abbf0018c55df4d4, #id荣邦, #名称rongbang, #编号1, #创建人sysdate, #创建时间1, #修改人sysdate, #修改时间荣…...

    2024/4/9 3:56:43
  19. LWJGL入门指南：第一行LWJGL代码，如何安装LWJGL或生成maven或gradle依赖

    LWJGL系列文章 LWJGL入门指南&#xff1a;序章LWJGL入门指南&#xff1a;安装LWJGL或生成maven或gradle依赖与第一行LWJGL代码 前言 上一章大体了解了lwjgl的结构&#xff0c;lwjgl集成了多个底层图形库和系统api库&#xff0c;本身并不提供上层抽象&#xff0c;我们在使用的时…...

    2024/4/27 21:24:12
  20. 2020CCPC秦皇岛题解

    A.A Greeting from Qinhuangdao 题意&#xff1a; 给出 rrr 个红球&#xff0c; bbb 个篮球&#xff0c;求从全部的球里面&#xff0c;拿到两个红球的概率是多少。很基本的概率公式 pCr2Cbr2r∗(r−1)2(rb)∗(rb−1)2r∗(r−1)(rb)∗(rb−1)p\frac{C_r^2}{C_{br}^2}\frac{\fr…...

    2024/5/5 16:47:44

最新文章

  1. 【JavaEE 初阶（四）】多线程进阶

    ❣博主主页: 33的博客❣ ▶️文章专栏分类:JavaEE◀️ &#x1f69a;我的代码仓库: 33的代码仓库&#x1f69a; &#x1faf5;&#x1faf5;&#x1faf5;关注我带你了解更多线程知识 目录 1.前言2.常见的锁策略2.1悲观锁vs乐观锁2.2轻量级锁vs重量级锁2.3自旋锁vs挂起锁2.4读写…...

    2024/5/10 15:21:41
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/5/9 21:23:04
  3. 产品推荐 | 中科亿海微推出亿迅®A8000金融FPGA加速卡

    01、产品概述 亿迅A8000金融加速卡&#xff0c;是中科亿海微联合金融证券领域的战略合作伙伴北京睿智融科&#xff0c;将可编程逻辑芯片与金融行业深度结合&#xff0c;通过可编程逻辑芯片对交易行情加速解码&#xff0c;实现低至纳秒级的解码引擎&#xff0c;端到端的处理时延…...

    2024/5/9 3:34:56
  4. Docker实战教程 第1章 Linux快速入门

    2-1 Linux介绍 为什么要学Linux 三个不得不学习 课程需要&#xff1a;Docker开发最好在Linux环境下。 开发需要&#xff1a;作为一个后端程序员&#xff0c;是必须要掌握Linux的&#xff0c;这是找工作的基础门槛。 运维需要&#xff1a;在服务器端&#xff0c;主流的大型服…...

    2024/5/10 0:12:18
  5. 416. 分割等和子集问题（动态规划）

    题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义&#xff1a;dp[i][j]表示当背包容量为j&#xff0c;用前i个物品是否正好可以将背包填满&#xff…...

    2024/5/10 1:36:26
  6. 【Java】ExcelWriter自适应宽度工具类（支持中文）

    工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...

    2024/5/9 7:40:42
  7. Spring cloud负载均衡@LoadBalanced LoadBalancerClient

    LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon&#xff0c;直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件&#xff0c;我们讨论Spring负载均衡以Spring Cloud2020之后版本为主&#xff0c;学习Spring Cloud LoadBalance&#xff0c;暂不讨论Ribbon…...

    2024/5/9 2:44:26
  8. TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案

    一、背景需求分析 在工业产业园、化工园或生产制造园区中&#xff0c;周界防范意义重大&#xff0c;对园区的安全起到重要的作用。常规的安防方式是采用人员巡查&#xff0c;人力投入成本大而且效率低。周界一旦被破坏或入侵&#xff0c;会影响园区人员和资产安全&#xff0c;…...

    2024/5/10 2:07:45
  9. VB.net WebBrowser网页元素抓取分析方法

    在用WebBrowser编程实现网页操作自动化时&#xff0c;常要分析网页Html&#xff0c;例如网页在加载数据时&#xff0c;常会显示“系统处理中&#xff0c;请稍候..”&#xff0c;我们需要在数据加载完成后才能继续下一步操作&#xff0c;如何抓取这个信息的网页html元素变化&…...

    2024/5/10 8:07:24
  10. 【Objective-C】Objective-C汇总

    方法定义 参考&#xff1a;https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...

    2024/5/9 5:40:03
  11. 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】

    &#x1f468;‍&#x1f4bb;博客主页&#xff1a;花无缺 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】&#x1f30f;题目描述&#x1f30f;输入格…...

    2024/5/10 8:16:30
  12. 【ES6.0】- 扩展运算符（...）

    【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数&#xff0…...

    2024/5/10 2:07:43
  13. 摩根看好的前智能硬件头部品牌双11交易数据极度异常！——是模式创新还是饮鸩止渴？

    文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕&#xff0c;各大品牌纷纷晒出优异的成绩单&#xff0c;摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称&#xff0c;在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁&#xff0c;多个平台数据都表现出极度异常…...

    2024/5/10 2:07:43
  14. Go语言常用命令详解(二)

    文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令&#xff0c;这些命令可以帮助您在Go开发中进行编译、测试、运行和…...

    2024/5/9 4:12:16
  15. 用欧拉路径判断图同构推出reverse合法性：1116T4

    http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b&#xff0c;我们在 a i a_i ai​ 和 a i 1 a_{i1} ai1​ 之间连边&#xff0c; b b b 同理&#xff0c;则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然&#xff0…...

    2024/5/9 7:40:35
  16. 【NGINX--1】基础知识

    1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息&#xff0c;并安装一些有助于配置官方 NGINX 软件包仓库的软件包&#xff1a; apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...

    2024/5/9 19:47:07
  17. Hive默认分割符、存储格式与数据压缩

    目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限&#xff08;ROW FORMAT&#xff09;配置标准HQL为&#xff1a; ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...

    2024/5/10 10:17:11
  18. 【论文阅读】MAG：一种用于航天器遥测数据中有效异常检测的新方法

    文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中&#xff0c;传感器和控制器产生大量周…...

    2024/5/10 2:07:41
  19. --max-old-space-size=8192报错

    vue项目运行时&#xff0c;如果经常运行慢&#xff0c;崩溃停止服务&#xff0c;报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中&#xff0c;通过JavaScript使用内存时只能使用部分内存&#xff08;64位系统&…...

    2024/5/9 5:02:59
  20. 基于深度学习的恶意软件检测

    恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞&#xff0c;例如可以被劫持的合法软件&#xff08;例如浏览器或 Web 应用程序插件&#xff09;中的错误。 恶意软件渗透可能会造成灾难性的后果&#xff0c;包括数据被盗、勒索或网…...

    2024/5/10 15:01:36
  21. JS原型对象prototype

    让我简单的为大家介绍一下原型对象prototype吧&#xff01; 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定&#xff0c;每一个构造函数都有一个 prototype 属性&#xff0c;指向另一个对象&#xff0c;所以我们也称为原型对象…...

    2024/5/9 16:54:42
  22. C++中只能有一个实例的单例类

    C中只能有一个实例的单例类 前面讨论的 President 类很不错&#xff0c;但存在一个缺陷&#xff1a;无法禁止通过实例化多个对象来创建多名总统&#xff1a; President One, Two, Three; 由于复制构造函数是私有的&#xff0c;其中每个对象都是不可复制的&#xff0c;但您的目…...

    2024/5/10 1:31:37
  23. python django 小程序图书借阅源码

    开发工具&#xff1a; PyCharm&#xff0c;mysql5.7&#xff0c;微信开发者工具 技术说明&#xff1a; python django html 小程序 功能介绍&#xff1a; 用户端&#xff1a; 登录注册&#xff08;含授权登录&#xff09; 首页显示搜索图书&#xff0c;轮播图&#xff0…...

    2024/5/10 9:24:29
  24. 电子学会C/C++编程等级考试2022年03月（一级）真题解析

    C/C++等级考试（1~8级）全部真题・点这里 第1题：双精度浮点数的输入输出 输入一个双精度浮点数，保留8位小数，输出这个浮点数。 时间限制：1000 内存限制：65536输入 只有一行，一个双精度浮点数。输出 一行，保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...

    2024/5/10 10:40:03
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE，请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间：2020-04-20 22:24:19　浏览次数：729次 区域： 南阳 > 卧龙 列举网提醒您：为保障您的权益，请不要提前支付任何费用！ 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于：钉钉，外勤365，红圈通，企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”，长时间没反应，无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办？...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败，正在还原更改，请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败，还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57