随笔分类 - arcgis api for js
用ArcGIS api for js来进行GIS的二次开发
摘要：我的简介： 来自于广东茂名，西南大学gis专业毕业。从毕业至今，已经七年多，在这七年多的时间里，一直在从事着跟gis相关的工作，专注webgis开发领域。总结一下自己的工作涉及领域包括以下几个部分： （1）gis地图数据处理：arcgis以及qgis桌面软件，导入处理gis地图数据，数据源主要是sh
阅读全文
摘要：前几天群里，有位群友在咨询arcgis api 4加载arcgis server本地离线瓦片，好像网上搜索都是arcgis api 3加载的；刚好我今天有空，就测试一下arcgis api 4加载的案例，具体实现参考arcgis api 3加载的例子以及arcgis api 4官网自定义瓦片图层例
阅读全文
摘要：arcgis api 4.x for js地图加载第三方矢量切片
阅读全文
摘要：之前写过一篇关于arcgis api 4叠加图片图层的文章，效果不太好，三维视图模式下不行；然后前段时间，我的简书GIS专题有个网友投稿一篇文章：扩展ArcGIS JS API中的MapImageLayer支持图片图层加载，我感觉那篇文章作者写的特别好，所以这里分享一下他的成果，他也有把成果共享到github，不过那个核心叠加图片的图层js文件是没开源的，压缩混淆的，不过能直接引用就行。实现源码见这里github：lebean/arcgis-picture-layer
阅读全文
摘要：内容概览
1.基于 arcgis api 4.x for js 聚合效果
2.源代码 demo 下载
阅读全文
摘要：参照 arcgis api 4.x for js 地图加载多个气泡窗口展示的基础上，实现 arcgis api 4.x for js 结合 Echarts4 实现统计图，核心思路地图叠加自定义 div 容器，通过监听地图的变化事件，从而动态刷新 div 窗口的位置变化，div 容器渲染 echarts4 统计图即可，额外体验效果稍微优化的是，在地图监听事件，根据当前地图级别 zoom，动态改变 div 容器的统计图大小，避免地图缩小时候，统计图表显示过大影响美观。
阅读全文
摘要：关于本篇功能实现用到的 api 涉及类看不懂的，请参照 esri 官网的 arcgis api 4.x for js：esri 官网 api，里面详细的介绍 arcgis api 4.x 各个类的介绍，还有就是在线例子：esri 官网在线例子，这个也是学习 arcgis api 4.x 的好素材。参照 arcgis api 4.x for js 集成 Echarts4 实现模拟迁徙图效果基础上，实现散点图效果，效果图如下
阅读全文
摘要：通过 arcgis api 4.x 提供自定义图层的接口 BaseDynamicLayer.createSubclass({})，创建叠加图片图层，实现地图叠加图片
阅读全文
摘要：arcgis api 4.x for js 集成 echarts 实现迁徙图效果的关键问题在于 echarts 坐标系以及 arcgis 坐标系不一致，因此要进行 echarts坐标系与 arcgis 坐标系的转换，这里采用的方法是注册一个坐标系统命名为 arcgis（名称可自由拟定）的坐标系。在此基础上，采用 dojo 的 define 定义了一个名为 EchartsLayer 的模块。
阅读全文
摘要：前言：关于本篇功能实现用到的 api 涉及类看不懂的，请参照 esri 官网的 arcgis api 4.x for js：esri 官网 api，里面详细的介绍 arcgis api 4.x 各个类的介绍，还有就是在线例子：esri 官网在线例子，这个也是学习 arcgis api 4.x 的好素材。由于 arcgis api 4.x for js 目前没有提供绘制手绘面以及手绘线， 所以本篇自定义绘制工具 Draw 来实现，效果图如下
阅读全文
摘要：在搭建好WebGIS应用框架的时候，相信大家首先开发的都会是基础功能，此篇文章我们主要讲述的是“测距”、"测面"功能。注* 在测量单位中常规都是基于"平面坐标系"而言，所以如果你的坐标系是"地理坐标系",则需要找到对应的坐标转换参数来进行转换。
阅读全文
摘要：由于 arcgis api 4.x for js 目前没有提供的同时展示多个气泡窗口展示， Popup 默认只可以弹出一个，某些情况下，用户想加载弹出多个窗口，所以，本篇实现了 arcgis api 4.x for js 自定义多个气泡窗口展示效果，实现思路：采用 leaflet 气泡窗口样式 css ，自定义 arcgis api 4.x 气泡窗口 div 容器，地图叠加 div 不难，难的是如何随着地图动态改变而刷新自定义窗口的位置，这也是本篇的核心内容，通过监听地图的变化事件，从而动态刷新气泡窗口的位置变化。
阅读全文
摘要：因为在项目开发过程中，使用的arcgis js api版本是4.7，并不能支持客户端渲染热力图，想到arcgis js api 4.x的渲染是基于canvas，故琢磨着是否能借助类似于mapV、echart、heatmap.js等同样基于canvas的优秀可视化库来操作，本篇主要讲述拓展支持mapV图层的过程，我们可以参看mapV的相关说明，它的渲染是基于我们的屏幕坐标，而在arcgis api js 4.x中便有屏幕坐标和地理坐标的互相转换，所以这便是拓展的关键点，好了，我们来上手吧。
阅读全文
摘要：由于 arcgis api 3.x for js 目前没有 GeojsonLayer， arcgis api 4.x 最新版本目前是支持了的，并且 arcgis api 3.x 提供的 Popup默认只可以弹出一个，某些情况下，用户想加载弹出多个窗口，我一直看看能不能有什么途径，比如 arcgis api 3.x 拓展之类的，对其进行改造达到绘制 Geojson 并同时弹出多个 Popup 的目的。
阅读全文
摘要：arcgis api 3.x for js 默认加载 textsymbol 显示文本是不支持换行的，识别不到 \n \r 等等转义符，需要拓展一下才能支持，下面是拓展后的效果图
阅读全文
摘要：基于两篇react+arcgis的文章介绍，相信大家也能体会两者的开发区别了。在“初探篇”中作者也讲述了自己的选择，故废话不多说，本篇带大家体验在@arcgis/webpack-plugin环境下，使用react+redux+react-router+less+es6+webpack 开发（故在看本篇文章之前，请先了解相关知识）。
阅读全文
摘要：基于上篇的介绍，虽然有比较esri-loader、@arcgis/webpack-plugin，还是觉得有必要需要讲述一下“esri-loader”的开发模式，待大家体验后也会有更直观的感受。
本篇文章是配合react脚手架reate-react-app使用，无需自己配置复杂的Webpack的环境。废话不多说，直接上手
阅读全文
摘要：你还在使用 JQuery 或者 Dojo 框架开发 arcgis api 4.x for js 吗？想试试模块化开发吗？随着前端技术的发展，arcgis api 4.x for js 也有了结合 react.js、vue.js、es6 的开发模式。
笔者由于项目开发前端选型 react.js，“不得以”尝试了几种 react+arcgis 的开发模式，现在比较流行的解决方案有 esri-loader、@webpack/webpack-plugin。
笔者为避免 esri-loader 中繁琐的模块导出操作（loadModules），故选择的是后者，至于他们之间应用场景可以参看以下链接：https://community.esri.com/people/TWayson-esristaff/blog/2018/05/10/arcgiswebpack-plugin-vs-esri-loader
阅读全文
摘要：1.基于 arcgis api 3.x 实现地图加载多个 SHP 图层压缩以及 json 文件展示；
2.源代码 demo 下载
阅读全文
摘要：在我的GIS之家群里，经常遇到 webgis 开发新手们提问 arcgis api for js 如何本地离线部署，而不是直接调用在线的，因为在线模式依赖互联网以及网速环境因素，受到的限制影响比较大。所以，本篇专门来讲解 arcgis api for js 离线部署的详细步骤配置以及测试是否部署成功，以 IIS 部署为例，tomcat 部署配置也是同个道理，差别不大
阅读全文
