本篇文章给大家谈谈vue实现GIS地图，以及vue gis对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
目录一览：
- 1、关于Vue+ECharts 地图引用空间文件或GIS(.shp)
- 2、ArcGis API for js 在vue.js中的使用
- 3、Vue2/ArcGis4开发实战
- 4、vue 解析shape文件并加载到arcgis
- 5、如何利用gis制作红色地图
关于Vue+ECharts 地图引用空间文件或GIS(.shp)
效果图：
直接步入主题
GIS 能够让你查看这个 .shp 文件的地图内容，但是我感觉用不用都可以，反正我是没用，因为他在合并的时候我不是很理解，毕竟太过跨越了；
关于引用空间文件
添加微信好友, 获取更多信息
复制微信号
1.首先你需要得到一些 .shp 文件，当然是越轻量级越好；
2.你需要将你得到的空间文件在 这个网站进行转化为geo *** ON ；
3.你转换的是geo *** ON 但是到手的确实 *** ON文件，这个不用慌，就是这么的无厘头；
4.如果你得到的是一个 *** ON文件当然更好，如果是多个你就需要合并了，就像我是的安装了很多插件，但是最后都没成，还是自己手动的合成了一下，但好在不是很多，我只有三个，简单地看了一下应该是 （点、线、面）凑成的三个 *** ON文件；
5.你得到这个 *** ON文件你成功了三分之二，剩下的就是echarts的操作了，以上的一些步骤卡了我2天时间，毕竟比较菜鸡，叶很水，当然你看见了我这个文章你就乐吧，稳稳地能帮你把这个需求搞定；
以下是ECharts的操作了
1.你需要将你得到的 *** ON文件放到你的项目文件中以便引入；
这是一个引入外部 *** ON文件 在ECharts中有过案例；
把这个写上，这个也是官网的案例；
以上就是我的实现经历 如果大家有更方便的办法请联系我或评论哦 （在将几个 *** ON文件合并时感觉好尴尬）
ArcGis API for js 在vue.js中的使用
最近换了一份工作，公司做的是gis相关的服务，之前完全没有接触过gis，光是把地图展现到页面上就费了好些功夫。所以打算把自己在项目中用到的相关技术点记录下来，供自己日后翻看。有写的不好的地方，还请在评论留言。
在vue中使用arcgis需要一个叫做 esri-loader 的东西来帮我们加载arcgis文件。
npm上的相关文档参考：
样式文件可以在main.js中引入，也可以在当前组件引入，我选择的是在main.js中引
如果控制台可以打印出Map对象，那么说明我们已经在vue中成功加载arcgis了
Vue2/ArcGis4开发实战
更新：2021-8-18
最近用 Vue2结合 ArcGis4 做了一个项目，因为此前并没有怎么接触过ArcGis for JavaScript,所以整个过程还是比较痛苦的，虽然GIS官网有例子，并没有起到什么实质作用，网上关于vue/gis的资料又少的可怜，好了废话不多说，直接上干货！
安装好 cli 后，开始引入 GIS ,在目录 src assetsjs 下新建下新建 ArcGisServe.js 文件,供我们编写 ArcGis Serve 服务地址。
这里可以定义自己服务器上的底图的地址，默认情况下是官网地址，也可以添加其它服务地址，随意。
这中 *** 就不多说了，直接 script 标签 引入 CDN 网址，要说明的是，可用 CDN 网址较少，官网提供的地址在国内加载较满。
.vue 组件
.vue 组件
二者都可以通过npm 安装的依赖包，不同的是：
vue 解析shape文件并加载到arcgis
zip包解压shp 文件读取转化格式用 arcgis js 加载。
Vue是一套用于构建用户界面的渐进式JavaScript框架。与传统 *** 和JQuery框架不同，Vue的渐进式框架表示开发者可以由简单组件写起，渐渐搭建出一个复杂的前端平台。
如何利用gis制作红色地图
如何利用gis制作红色地图，这里分享下操作 *** 。
设备：联想电脑
系统：win8
软件：ArcMap 10.5
1、首先双击打开gis软件，运行软件，单击“新建地图”中的“我的模板”，打开一个空白模板。
2、单击“文件”，再单击“添加数据”中的“添加底图”。
3、选择“中国地图彩色英文版（含POI点）”这个底图，因为arcmap10.5只有这个版本含POI的，如果有“中国地图彩色中文版（含POI点）”的建议选择中文版的底图。
4、放大找到自己要标注的项目位置后，在菜单栏中的“视图”工具选择“布局视图”。
5、然后可以建立一个标题和给项目位置添加标注和文字说明。
6、最后使位置图更完善，这样位置图就做好了。
vue实现GIS地图的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vue gis、vue实现GIS地图的信息别忘了在本站进行查找喔。
