老靳的WebGIS
主要技术栈Vue+Openlayers+Cesium,工作地点广西首府南宁
展开
-
【完整的WebGIS教程】1.1使用github工具管理代码
【完整的WebGIS教程】1.1使用Github工具管理WebGIS程序代码原创 2022-04-24 20:56:46 · 1202 阅读 · 0 评论 -
【完整的WebGIS教程】2、第一个基于vue的webgis项目
利用vue-cli创建你的第一个WebGIS项目原创 2022-04-20 19:13:31 · 12579 阅读 · 12 评论 -
【完整的WebGIS教程】3.1使用Vue路由构建多页面的WebGIS程序
本节描述:在第2节中,我们构建了一个 Vue的前端程序,并使用esri-loader引入了ArcGIS API for JS的Map、MapView模块,构建了一个简单的WebGIS程序。但是我们的程序只有一个页面,不能实现页面跳转,因此在本节我们借助vue router来实现页面之间的跳转。原创 2022-04-21 19:52:06 · 3262 阅读 · 4 评论 -
【完整的WebGIS教程】4底图自定义和地图控件开发
底图自定义本次开发的底图使用捷泰天域发布的底图服务,服务地址http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer需要使用到的API是Basemap和Tilelayer(因为捷泰的这个底图是切片服务,所以要用Tilelayer)Basemap官网链接https://developers.arcgis.com/javascript/latest/api-reference/esri-Base原创 2022-05-08 22:59:37 · 1788 阅读 · 0 评论 -
【完整的WebGIS教程】6.2 使用@arcgis/core本地部署ArcGIS API for JS
这前面的文章中,我使用的都是esri-loader的模式来引入ArcGIS API的,但是有时候我们需要在内网写程序,或者有时候网络条件不好(arcgis api的服务器是在国外),加载在线的api会很慢,所以我还是觉得把api给本地部署了会更好。ArcGIS API for JavaScript的导入方式经历了从“dojo”到“esri-loader”的变化,在4.18版本之后支持了ES Modules模式引入API。但是我一直没用过,我用的还是esri-loader的模式,就是先在代码中需要使用api的原创 2022-06-10 17:30:52 · 4111 阅读 · 6 评论 -
【完整的WebGIS教程】3.2使用VueX实现WebGIS组件间传值
本节描述:在3.1节中我们借助vue router来实现页面之间的跳转,本节我们将使用VueX来实现不同组件之间传递数值。目的在于,将MapView中实例化的view挂载到vuex中,这样在别的组件中就可以直接把这个view拿来用,不用再次实例化了0 对前一节代码的更改1 在main.js中引入了router将main.js更改为import Vue from 'vue'import ElementUI from 'element-ui';import 'element-ui/lib/them原创 2022-05-08 15:41:49 · 832 阅读 · 1 评论 -
【完整的WebGIS教程】5WebGIS目录树管理
使用ArcGIS API for JS编写WebGIS程序原创 2022-05-18 19:58:35 · 1319 阅读 · 0 评论 -
【完整的WebGIS教程】6.1 使用ArcGIS Server发布要素服务
前言:在前面的文章中,我在【完整的WebGIS教程】5WebGIS目录树管理中,使用了捷泰发布好的服务,在第六章,我们将要自己发布服务,进而在网页上使用我们的数据。我发布服务时候参考的是大佬的教程,放上他的文章的网站启动SQLServer设置实例名称和账号密码点击确定,看到我们刚刚链接的数据库右键,启动地理数据库选择ArcGIS Server的授权文件选择实例数据:省、市、县的行政区划数据导入成功:可以看到我的数据库中已经有了刚刚选择的三个数据:依次右键要发布的数据,点击管理原创 2022-06-07 19:21:15 · 2815 阅读 · 9 评论 -
【完整的WebGIS教程】7.1 ArcGIS API for JS行政区划导航(上)
在【完整的WebGIS教程】6.1 使用ArcGIS Server发布要素服务中,我们发布了三个要素服务,分别是省、市、区县的行政区划边界,其属性表中包含了Code(地区编码)和Name(名字)数据。在这一节,我们将用对要素服务进行查询,并实现行政区划导航的功能。在server中可以看到发布的数据的属性,并且可以对数据进行SQL查询,得到数据的信息。在中新建模块,并写入vue的基本结构:定义此组件的div,并设置其样式,并使用指令来控制改组件的显示和隐藏在Onemap中添加XZQHComponent原创 2022-06-15 19:48:04 · 2116 阅读 · 3 评论 -
【完整的WebGIS教程】7.2 ArcGIS API for JS行政区划导航(下)
在中,我们编写了对省份的要素服务的查询功能,在本节,我们将实现对市、区县的查询和定位。原创 2022-07-14 20:12:47 · 1046 阅读 · 0 评论