
arcgis-js
L.傲骨雄风
争取做个出色的GISER!
展开
-
基于arcgis js 4.x实现编辑多边形节点问题
/如果设置false,则单击无法实现选择要素进行更新操作。//取到更改之后的要素。/**** 构造多边形***//**** 构造多边形***/原创 2023-07-05 00:42:01 · 1384 阅读 · 0 评论 -
通过geoserver的rest接口动态地新增样式和修改样式
通过geoserver的rest接口动态地新增样式和修改样式原创 2022-09-22 22:45:51 · 2766 阅读 · 6 评论 -
若依框架实现点击左侧导航栏不跳转页面
若依原创 2022-08-31 22:08:31 · 2979 阅读 · 0 评论 -
arcgis js 3.x加载geoserver发布的矢量切片服务图层
arcigs 矢量切片原创 2022-08-25 14:45:20 · 744 阅读 · 0 评论 -
openlayers7.0.0添加天地图以及与2000高斯投影(4550)叠加展示
openlayers原创 2022-08-23 21:41:04 · 1183 阅读 · 0 评论 -
openlayers7.0.0添加arcgis发布的切片服务、geoserver发布的wms服务以及实现图层掩膜功能
openaleyrs wms 掩膜原创 2022-08-21 22:35:54 · 953 阅读 · 0 评论 -
arcgis js 4.x实现图层掩膜并且显示掩膜边界样式
arcgis js api 4.x原创 2022-08-16 10:56:46 · 1039 阅读 · 1 评论 -
arcgis js 4.x实现对图层空间过滤和掩膜
arcgis js;图层遮盖;图层掩膜原创 2022-08-12 15:15:16 · 1369 阅读 · 2 评论 -
arcgis server发布的静态切片进行迁移
1.新建一个mxd,命名和之前发布的地图服务名称一样。2.将之前的切片的整个文件夹(包含文件名)拷贝到X:\arcgisserver\directories\arcgiscache路径下3.建好的mxd添加刚放到路径下的文件夹下的【图层】4.发布地图服务,设置使用缓存切片,切片方案选择切片方案文件,添加【图层】文件夹下的conf.xml文件5.设置手动构建缓存,然后发布服务6.服务发布成功,重启服务,即可迁移成功。...原创 2021-12-01 21:38:31 · 803 阅读 · 0 评论 -
arcgis js 3.x加载arcgis server发布的离线静态切片问题
1.遇到的问题用arcgis js 3.x加载arcgis server发布的离线静态切片无法看到地图,分析其是找不到对应的行列号,决定行列号大小的因素无疑就是分辨率、切片大小、切片原点坐标,所以问题的重点是关注原点,调整原点坐标来测试;最终改了原点坐标x和y,地图能正常显示了。define(["dojo/_base/declare", "esri/layers/TiledMapServiceLayer", "esri/SpatialReference", "esr..原创 2021-11-23 14:05:29 · 680 阅读 · 0 评论 -
通过jspdf对前端页面进行转换成pdf格式
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script> <script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>var exportUtil = (function () { /*思路: 1.将DOM转...原创 2021-02-24 17:08:51 · 691 阅读 · 0 评论 -
通过async /await解决for循环里嵌套query异步函数存在的异步问题!
var gLayer = new _GraphicsLayer(); var pLayer = new _GraphicsLayer(); map.addLayers([pLayer, gLayer]); //全局对象 设置查询参数 var intersector, area_id; var queryTask = new _QueryTask("********/MapServer..原创 2021-02-01 13:41:06 · 756 阅读 · 1 评论 -
infowindow应用
1.从后台获取数据后,循环时对每个要素进行属性设置;hexfeature.setAttributes({"XCoord":111,"YCoord":222,"Plant":"MesaMint"});2.将要素添加到要素图层上,当点击要素图层时,响应点击事件,点击后弹出弹出框;varshowInfowindow=hexlayer.on("click",addInfo);functionaddInfo(evt){ varattributes=evt.graphic.att...原创 2020-12-18 14:38:57 · 639 阅读 · 0 评论 -
arcgis js 3.x 成功加载天地图服务(包含4326坐标系和3857坐标系)
一、arcgis js 3.x加载4326坐标系的天地图服务1.新建TDTAnnoLayer.js文件(天地图注矢量记图层)http://t0.tianditu.gov.cn/cva_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=c&TILEMATRIX=" + level + "&TILEROW=" + row +原创 2020-11-29 22:27:23 · 2110 阅读 · 0 评论 -
openlayers以及arcgis js 加载高德实时路况图层的方法;
1.openlayers加载高德实时路况图层的方法;<!DOCTYPE html><html><head> <title>Draw Shapes</title> <link rel="stylesheet" href="https://openlayers.org/en/v3.20.1/css/ol.css" type="text/css"> <style> #map {原创 2020-09-08 13:13:42 · 1937 阅读 · 3 评论 -
arcgis js api 根据速度不同用不同颜色渲染行驶轨迹
1.代码require([ "esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "esri/SpatialReference", "esri/graphic", "esri/geometry/Polyline", "esri/layers/GraphicsLayer", , "es原创 2020-08-24 15:19:42 · 855 阅读 · 0 评论 -
cesium加载arcgis server 10.2 发布的wms服务跨域问题解决方法
解决方法:1.下载两个jar包 1)cors-filter-1.7.jar https://mvnrepository.com/artifact/com.thetransactioncompany/cors-filter/1.7 2)https://mvnrepository.com/artifact/com.thetransactioncompany/java-property-utils/1.92.将下载的两个jar包放到 .......\Arc...原创 2020-08-24 09:14:21 · 2086 阅读 · 4 评论 -
ArcGIS JS 3.x加载geoserver发布的3857坐标系的矢量切片服务
通过geoserver加载shp数据发布成矢量切片在线服务,调用方式参考该资料:全部代码:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-sc原创 2020-05-28 17:30:43 · 1520 阅读 · 1 评论 -
arcgis js api 3.x加载arcgis server发布的静态离线切片
一、通过ArcGIS Server发布切片(此步骤略),生成的切片路径二、对离线数据进行调用 直接上代码,写一个js文件,封装一个自定义的切片类。define(["dojo/_base/declare", "esri/geometry/Extent", "esri/SpatialReference", "esri/geometry/Point", "esri/layers/TileInfo", "esri/layers/TiledMapServ原创 2020-05-13 09:02:14 · 1838 阅读 · 0 评论 -
基于ArcGIS Javascript API符合Dojo AMD规范开发自定义模块心得体会
1.定义一个模块define用于定义已命名或未命名模块。define( module_id//,可选 [dependencies],//可选 function(){}//实例化模块或对象的函数 );module_id是一个可选参数,当遗漏这个参数时,我们程这个参数是匿名的。回到define方法,dependencies参数表示我们定义模块所需的依赖数组,第三个参数适用于执行实...原创 2020-04-21 12:38:55 · 312 阅读 · 0 评论 -
高德地图api实现基于WFS服务通过纯ajax请求对要素进行查询的两种方式(ArcGIS Server和Geoserver发布的WFS服务)
1.基于ArcGIS Server发布的wfs服务的请求url示例:REQUEST:GetFeaturetypename:lzfw_wfs:lz_gcj02Filter是过滤条件 通过传入点数据查询到包含该点的要素(注意 纬度 在前 经度在后 ,这块设置可以在发布服务的时候可以进行调整)http://59.44.20.208:31114/arcgis/services/lzfw_...原创 2020-04-15 14:40:06 · 1832 阅读 · 0 评论 -
基于arcgis js 3.x实现在前端页面动态拖拽圆的功能
参考文献:https://www.cnblogs.com/deliciousExtra/p/5503929.html思路:监听mouse-down事件,获取拖拽点; 监听mouse-drag事件, 获取实时拖拽点并计算拖拽点与圆心的距离(半径),重新生成新圆,新的半径样式,新的半径文本样式; 监听mouse-up事件; <script type="text/javascrip...原创 2020-04-08 15:09:39 · 746 阅读 · 0 评论 -
高德API和ArcGIS JS API加载谷歌影像服务(最高级别为z=20,影像坐标为GCJ02)
一、高德api加载谷歌地图示例:https://lbs.amap.com/api/javascript-api/guide/layers/wms但是不知道为什么加载的是矢量数据,我们不妨换下别的谷歌影像url改下试试//创建自定义切片图层,指定 getTileUrl 属性var googleLayer = new AMap.TileLayer({ getTileUrl: 'h...原创 2020-03-31 12:31:49 · 1898 阅读 · 0 评论 -
通过ArcGIS建模发布成gp服务实现最近设施分析功能
一、最近设施分析1)构建最近设施图层2)添加设施要素类和事件图层要素类3)执行分析建模如下:发布成gp服务前端调用代码:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html l...原创 2020-03-19 13:27:35 · 435 阅读 · 0 评论 -
arcgis js 3.x实现地图上的要素查询属性信息
1.直接上代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link href="../../../Htmllibs/arcgis_js_api/library/3.27/3.27/diji...原创 2020-03-18 08:54:41 · 1549 阅读 · 0 评论 -
arcgis js api 4.9 实现点查询
1.代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> &原创 2019-01-21 16:57:27 · 1060 阅读 · 0 评论 -
arcgis js api 前端返回数据量与数据库不一致的问题
1.我正常的数据库的记录数是1024 但是前端打印时是10002.后来通过询问其他人得知需要在arcgis server manager配置参数 这时我已经把最大值改为了15003.正常显示 ...原创 2019-01-21 10:19:55 · 534 阅读 · 0 评论 -
arcgis js api 4.9显示热力图
1.代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> &原创 2019-01-25 16:53:04 · 1283 阅读 · 1 评论 -
arcgis js api 4.9 文本查询将结果显示在地图上
1.代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">原创 2019-01-25 15:39:16 · 773 阅读 · 2 评论 -
arcgis js api 4.9 -query
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <原创 2019-01-24 11:03:15 · 866 阅读 · 0 评论 -
通过arcgis js api 4.9实现调用buffer的gp服务
1.构建模型2.发布服务,将执行模式设置为同步3.arcgis js前端调用gp服务<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximu原创 2019-01-18 13:35:24 · 506 阅读 · 0 评论 -
arcgis js - 空间查询应用示例
空间查询应用示例一、预备知识:1.一个很重要的类:Query(1)类的描述以及构造器(2)类的一些重要属性 outFieldsAttribute fields to include in the FeatureSet. Fields must exist in the map layer. You must list the a原创 2017-09-16 00:40:13 · 1945 阅读 · 0 评论 -
arcgis js 4.9 实现要素服务图层的增、删、改
1.代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> &原创 2019-01-22 14:34:44 · 3440 阅读 · 3 评论 -
大地坐标的一些认识(转发)
https://blog.youkuaiyun.com/xiting_tick/article/details/50749970转载 2019-02-13 14:33:15 · 609 阅读 · 0 评论 -
arcgis js 3.x 自定义infowindow
1.引言:在gis开发中,我们常常能用到弹出窗口,比如我们在地图上点击某个点要素是,弹出一个窗口,显示它相关的属性信息,很显然,这实际是通过infotemplate配置的。但是在实际中,我遇到的是通过该窗口填入相关属性信息,并且需要将属性信息保存到数据库里与该点几何相对应的记录上。2.思路:1)通过html创建弹出窗口;2)重写infowindow的样式;3)对infowind...原创 2019-03-18 21:27:56 · 2140 阅读 · 0 评论 -
EPSG:900913与EPSG:3857等效的
详情请查看:http://epsg.io/原创 2019-04-23 09:40:17 · 6249 阅读 · 0 评论 -
西安80地理坐标转wgs84坐标(两种方法)
方法一:用proj4j(proj4对应的java库)towgs84参数对应的七个值为七参数值public CoordinateTransform coordtrans() { CRSFactory targetFactory = new CRSFactory(); CRSFactory crsFactory = new CRSFactory(); ...原创 2019-04-23 14:15:59 · 17763 阅读 · 3 评论 -
动态更新热力图(纯前端实现,效率不是很高,适合小数据量)
//创建查询任务并设置查询条件 var query = new Query(); //此链接地址为发布的管线动态服务地址 var queryTask = new QueryTask("http://localhost:6080/arcgis/rest/services/gx_test5/MapServer/0") query.whe...原创 2019-06-13 14:21:03 · 3706 阅读 · 4 评论 -
arcgis js api通过StatisticDefinitions实现对动态服务中管线图层长度统计求和
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-sca...原创 2019-07-12 15:23:31 · 818 阅读 · 0 评论 -
通过后台连接数据库在前端实现下载excel模板文件(c# webservice接口方式)
1.webservice接口 [WebMethod] public string GetHotel() { string outData = ""; JavaScriptSerializer jss = new JavaScriptSerializer(); jss.MaxJsonLeng...原创 2019-07-25 11:08:35 · 1037 阅读 · 0 评论