arcgis api 3.x for js 入门开发系列十九图层在线编辑
2023-09-11 14:19:51 时间
前言
关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材。
本篇主要讲述的是利用 arcgis api 3.x 实现图层在线编辑功能模块,效果图如下:
实现思路
- arcgis serve r发布的 FeatureServer 服务提供的图层在线编辑能力
- 实现的在线编辑(增删改),主要是通过前端 ajax 请求后台 FeatureServer 服务来实现的
public void ProcessRequest (HttpContext context) { string featureserverurl = context.Request.Params["featureserverurl"]; string features = context.Request.Params["features"]; string param = "features=" + features + "&f=json"; string url = featureserverurl + "/updateFeatures"; string ret = PostDataToUrl(param, url, "application/x-www-form-urlencoded"); context.Response.Write(ret); }
public void ProcessRequest (HttpContext context) { string featureserverurl = context.Request.Params["featureserverurl"]; string features = context.Request.Params["features"]; string param = "features=" + features + "&f=json"; string url = featureserverurl + "/addFeatures"; string ret = PostDataToUrl(param, url, "application/x-www-form-urlencoded"); context.Response.Write(ret); }
public void ProcessRequest (HttpContext context) { string featureserverurl = context.Request.Params["featureserverurl"]; string id = context.Request.Params["OBJECTID"]; string param = "where=OBJECTID=" + id + "&f=json"; string url = featureserverurl + "/deleteFeatures"; string ret = PostDataToUrl(param, url, "application/x-www-form-urlencoded"); context.Response.Write(ret); context.Response.End(); }
- 前端 ajax 请求
更多的详情见:GIS之家小专栏
对本专栏感兴趣的话,可以关注一波
相关文章
- 高德地图JS API获取经纬度,根据经纬度获取城市
- JS框架_(JQuery.js)纯css3进度条动画
- A2D JS框架 - Web API CSRF保护实现
- js for循环
- [Next.js] Create an API Route Using the next-connect Package
- [Vue] Dynamic Vue.js Components with the component element
- [Vue] Conditionally Render DOM Elements in Vue.js (v-if v-else v-show)
- [Node.js] Level 1 new. Intro the Node.js
- JS遍历对象的方式
- 前后端交互模式大总结 艾提拉 总结 attilax总结 目录 1. 通过ajax ajax就是js的网络api 完全解耦合 推荐1 1.1. Query Ajax 操作函数1 1.2. 服务
- Atitit.跨语言反射api 兼容性提升与增强 java c#。Net php js
- 关于 Node.js Stream API 的用法概述
- 华为OD机试 - 输出指定字母在字符串的中的索引(Java & JS & Python)
- 异步加载JS
- js 移动端上拉刷新(基于ng1)
- 总结js常用的dom操作(js的dom操作API)
- js 模块化 -- export 时 一个默认和多个默认的写法
- Vue2.js迁移到Vue3.js的API变化
- js-template-art【三】js api
- 兼容的动态加载JS【原】
- 前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)
- 学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
- 【JS高级】js之函数、重载、匿名函数、作用域及作用域链_03
- bryntum Kanban Task Board 5.1.0 JS 看板
- JS &&(与运算)详解