随笔分类 - GIS / Arcgis API for JS
摘要：度分秒（DMS）坐标转换为小数度（DD）坐标的计算公式如下： 纬度（Latitude）的转换： Decimal Degrees = Degrees + (Minutes/60) + (Seconds/3600) 其中，Decimal Degrees 表示小数度，Degrees 表示度数，Minute
阅读全文
摘要：## 如何在19级数时放大18级数的瓦片图层？ 众所周知，目前的开放图层，比如天地图、高德地图、腾讯地图、百度地图等等地图开发公司，所开发的图层，大多只提供到3-18级数，但有时候，我们的需求，仅仅是需要对18级数的瓦片图层，实现放大即可。那应该如何实现这个需求呢？ 实现这个其实不算太难，只需要两步
阅读全文
摘要：ArcGIS API渲染热力图是在FeatureLayer里，怎么渲染呢？ 热力图有个专门的渲染器：HeatmapRenderer，将样式赋给该渲染器，然后渲染器、点数据等参与FeatureLayer的构造，就可以了。 现在有GraphicsLayer的点图层数据(必须全部是点图形)，如何快速转化为
阅读全文
摘要：1.需求 自定义UI，实现对地图的zoom操作，在view缩放的时候，带动画效果 2.分析问题 UI视图 一般情况，可能大部分初学者会使用以下代码对zoom进行操作，这个方法是可以放大缩小，但是动画是没有的，就显得很生硬 // 地图放大缩小 zoomInOrOut(type){ if (type '
阅读全文
摘要：4.25版本的有187个图标 https://developers.arcgis.com/javascript/latest/esri-icon-font/ 用法示例 <div id="select-by-rectangle" class="esri-widget esri-widget--butt
阅读全文
摘要：一、基础知识 在正式使用Proj4.js时，我们首先需要了解下有关各种投影的参数定义 （例如：椭球长半轴、扁率、原点纬线、中央经线、两条标准纬线、东偏移量、北偏移量和单位等），具体参数可参考下面这个网站上的介绍。 https://epsg.io/ http://spatialreference.or
阅读全文
摘要：前端加载本地shapefile格式文件转成geojson格式数据，本文将通过介绍两个开源utils进行展示
阅读全文
摘要：1.下载 arcgis api 地址https://developers.arcgis.com/downloads/#javascript 2.将下载后的文件中arcgis_js_api文件解压到C:\inetpub\wwwroot文件夹下 3.启动计算机IIS服务(如已做，可跳过) Windows
阅读全文
摘要：通常我们查看图层服务是否支持popupTemplate，然后设置显示的字段属性。 但是我们不需要显示弹出窗口，只需要高亮显示要素，应该如何操作呢 把popupTemplate设置成{}？ 不行，仍旧会弹出窗口 设置成null，直接不高亮显示了 所以还有什么办法呢 使用highlight()就可以了
阅读全文
摘要：一、WKT-概念 WKT(Well-known text)是一种文本标记语言，用于表示矢量几何对象、空间参照系统及空间参照系统之间的转换。它的二进制表示方式，亦即WKB(well-known binary)则胜于在传输和在数据库中存储相同的信息。该格式由开放地理空间联盟(OGC)制定。 地理坐标系、
阅读全文
摘要：仅个人学习记录，看不懂得话就去看官方的示例吧
阅读全文
摘要：屏蔽地图默认事件 原理是通过设置view的监听，然后在相应事件触发时候阻止事件冒泡，我们可以添加一个内部状态curentState来设置是否启用禁止默认事件效果。 //禁止默认事件 DisableInteraction(view) { let curentState = true; //禁止通过键盘
阅读全文
摘要：一、问题描述 项目中在dom结构里遇到了shadow-DOM(open)，如下 是一个表格组件，主要感觉滚动条有点low，需要自定义 但发现自己写的样式渗透不进去╮(╯▽╰)╭ Shadow DOM Shadow DOM 这款工具旨在构建基于组件的应用。因此，可为网络开发中的常见问题提供解决方案：
阅读全文
摘要：ArcGIS API forJavaScript4.x去除地图获取焦点的黑色边框 CSS /* 去掉地图聚焦边框 */ .esri-view-surface--inset-outline:focus::after { outline: none !important; } 如果上面的css不能起效果
阅读全文
摘要：arcgis api for js 3.x版本去除logo map = new esri.Map("map", { extend:initExtend,logo:false }); arcgis api for js 4.x版本去除logo var view = new MapView({ ...
阅读全文
摘要：一、情景复现 数据存放在postgis,并且用geoserver进行了图层发布。现在有个需求，需要对某一图层的属性表进行编辑操作，待我操作完并保存后，刷新浏览器，服务url就报错了 在geoserver图层预览选择geojson格式，也出错了 二、解决办法 1.在geoserver上点击图层，并点击
阅读全文
摘要：一、简介 @arcgis/core官方文档 ArcGIS API for JavaScript是WebGIS开发中非常重要的前端JS库，是浏览器端调用ArcGIS功能所使用的库。 如Arcmap Pro中所使用的创建要素，编辑要素等地图功能，在浏览器端要实现这些功能即需要调用ArcGIS API f
阅读全文
摘要：GeoServer发布WMST是在已经发布好WMS服务的基础上进行的。 1.点击网格集，并点击添加新网格集 2.给网格集取名，并选择坐标系 3.计算网格集边界，设置瓦片级数，并保存 4.点击Caching Defaults，设置默认网格集 5.点击切片图层，再点击 Seed/Truncate 制作本
阅读全文
摘要：1.打开QGIS，加载需要上传的图层数据 2.右击PostGIS新建连接 3.填写连接信息 首次连接还需要输入数据库账号密码 4.上传图层 这个非常简单，只需要把图层拖拽过去，等待一会，即完成上传 5.打开pgAdmin4查看图层 6.删除图层 更多功能请继续探索！ 本篇文章可以替代Geoserve
阅读全文
摘要：假设在GeoServer服务器上，我有一个需求，需加载经过样式文件渲染过的图层，在这个图层上实现点击查询，并将查询结果要素用几何图形进行渲染并放到图层上，可以怎么实现呢？ 思路： 1.样式文件渲染 那就是在服务端进行渲染后再加载到页面，这个用WMS服务可以实现 2.点击查询 WMS也能够实现点击查询
阅读全文
