随笔分类 - WebGIS
Web前端,包括GeoServer
摘要：背景 Vue3.0想把有些公共的变量及方法放到一个单独的js文件中，免得每个组件都要声明一次。 环境 Vue3.0 @arcgis/core 4.24.7 解决方案 方法一，只针对全局变量： main.js 1 const app = createApp(App) 2 app.config.glob
阅读全文
摘要：前言 ArcGIS API for JavaScript(后文简称 ags api)其实在17年底就接触过，当时配置过这个代理，觉得很难。因为当时还是做AE的(现在看来，那时候AE基本就是被淘汰了，Web端已经兴起)，对前端一无所知，学习一个月效果不好，就又做了几个月的AE. 后来换了地方主要是做O
阅读全文
摘要：1.vue开发看这篇文章就够了 在过去的十年时间里，我们的网页变得更加动态化和强大了，多亏有JavaScript。我们已经把很多传统的服务端代码放到了浏览器中，这样就产生了成千上万行的JavaScript代码，它们连接了各式各样的HTML和CSS文件，但缺乏正规的组织形式，这也是为什么越来越多的开发
阅读全文
摘要：背景 面的缓冲区分析 点到面的最近距离 解决方案 用turf,js实现。 arcmap: 邻域分析 近邻分析 缓冲区 缓冲区（分析）的工作原理 C#实现K-近邻(KNN)算法 arcgis api FindNearest NearAnalysis Geoprocessing Service - ar
阅读全文
摘要：网址： 百度地图框选标注坐标点功能 JavaScript API v2.0类参考 百度地图实现鼠标绘制多边形并获取所有点坐标 百度地图点击事件的参数传递customData使用 【百度地图】将自定义值保存在百度地图的坐标点、面等元素对象中 百度地图JavaScriptAPI 覆盖物添加自定义 百度地
阅读全文
摘要：背景 项目需要显示矢量作为底图，开始是用了url的方式加载geojson数据，但是最近发现ol加载geojson数据很慢： 这么点数据要加载这么久，之前倒是没发现这种问题。 解决方案 矢量切片。 步骤 ①GeoServer官网下载切片插件 我用的版本是2.14.3 ②下载后的文件解压后复制到此路径：
阅读全文
摘要：问题 GeoServer发布影像提示：Could not list layers for this store, an error occurred retrieving them: Failed to create reader from file 原因 所选的TIFF的头文件有问题或者geose
阅读全文
摘要：2020.7.1 JavaScript 初体验 数组 控制节点增删的实例： 1 var list = document.querySelector('.output ul'); 2 var searchInput = document.querySelector('.output input');
阅读全文
摘要：背景 影像发布为WMS调用时会很慢。 环境：Win7 OpenLayers4.6.5 Geoserver2.14.3 解决方案 考虑发布为TMS，然后用OpenLayers调用。 步骤 一.发布切片影像 以tif影像为例，首先要将影像发布出来，发布的时候要把坐标系设置为“3857”，另外“Sugge
阅读全文
摘要：背景 上周接到一个任务，将自己拍的影像叠加到百度地图上。 解决思路 openlayers调用百度地图要解决坐标偏移问题，所以要先定义百度坐标系，然后添加到openlayers默认的“EPSG:3857”坐标系。 步骤 定义百度墨卡托坐标，是有人写好的js文件，算法挺复杂，不是一般人能理解的，直接用就
阅读全文
摘要：背景： 由于项目需要，预警的点文件要用.gif来渲染，但是ol.feature暂时只支持普通静态图片，不支持用动画做样式的。所以只能考虑用ol.Overlay(大部分是用了ol-ext的ol.Overlay. Popup，这个也是继承了ol.Overlay，所以ol.Overlay里的方法也能用)。
阅读全文
摘要：问题：OpenLayers在做预警（gif图片）的弹窗时，鼠标移入gif，图片一直闪烁。 过程：当点数据要用gif显示的时候，就不能用加载ol.Feature()的方式了，而是借助于ol.Overlay，将图片作为元素放到ol.Overlay中，作为要素的显示方式。但是还要在这个基础上实现鼠标移到g
阅读全文
摘要：摘要：QQ/微信技术群里经常会有些有价值的问题，聆听大佬们谆谆教诲。在博客记录下来，虽然现在没有遇到，但以后用到可以顺手拈来。 1.Q（Real）:wgs84坐标系（4326）的面文件求面积，首先要转为投影坐标系，具体要转为哪个投影坐标系 A(亦秋):看你数据落在哪条中央经线附近，然后看投影坐标系的
阅读全文
摘要：GeoServer发布tif影像 报错如下： Error rendering coverage on the fast path javax.media.jai.util.ImagingException:All factories fail for the operation "ImageRead
阅读全文
摘要：1.启动GeoServer，打开GeoServer Web管理界面： 2.登录后界面如下： 3.新建工作区： 填写名称、工作空间，设为默认工作区： 4.添加新的数据存储 选择GeoTIFF，保存，发布: 编辑图层： 指定坐标系： 去蓝边： 发布完成后，在图层预览找到刚才发布的工程，然后单击OpenL
阅读全文
摘要：一.根据官方教程，首先安装node.js 二.打开node.js命令提示符： 新建的文件夹如下 下载ol官网（https://openlayers.org/download/）的库文件： 将库文件解压到新建的openlayers6文件夹下， 将官网的库文件中ol.js和ol.css分别放到新建的sc
阅读全文
摘要：方法如下： 文件 -> 首选项 -> 设置 如果你是Mac则是右上角 Code -> 首选项 -> 设置 然后在右侧的编辑窗口中添加 来源：https://sherlockgy.github.io/2018/09/01/%E8%AE%BE%E7%BD%AEVsCode%E8%87%AA%E5%8A%
阅读全文
摘要：一.IIS中 ①添加网站 二.VS2015 ①右键解决方案→发布： ②自定义，设置配置文件名称： ③ ④发布 三.IIS中浏览(图片的ip地址是自己，上面的ip是截图别人的，所以不一样)
阅读全文
