![f52a3ad4cc8b1bda408c349f3df5af7f.png](https://img-blog.csdnimg.cn/img_convert/f52a3ad4cc8b1bda408c349f3df5af7f.png)
前言
关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材。
内容概览
基于 arcgis api 3.x 叠加 SHP 图层
源代码 demo 下载
本篇实现叠加 SHP 图层,截图如下:
![dbf87b8fb59e6c81ddb6f4bb514c4e43.png](https://img-blog.csdnimg.cn/img_convert/dbf87b8fb59e6c81ddb6f4bb514c4e43.png)
叠加 SHP 图层效果实现的思路如下:利用封装的 js 文件,直接读取 shp 图层,然后转换 geojson,最后通过 arcgis api 来解析转换 graphic 绘制叠加在地图展示
- map.html 页面引用叠加 SHP 需要的 js 文件
<!--叠加shp图层需要的js文件-->
<script src="stream.js"></script>
<script src="shapefile.js"></script>
<script src="dbf.js"></script>
- 以餐饮点图层来作为测试数据源,在叠加 SHP 菜单响应事件直接调用 Shapefile 构造函数
更多的详情见:
arcgis api 3.x for js 入门开发系列十叠加 SHP 图层(附源码下载) - 小专栏xiaozhuanlan.com![1c37d1a24bf11c5639f94c0f7d2e955f.png](https://img-blog.csdnimg.cn/img_convert/1c37d1a24bf11c5639f94c0f7d2e955f.png)
文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波
GIS之家店铺:GIS之家
GIS之家源码咨询:GIS之家webgis入门开发系列demo源代码咨询