webGIS
关注
分享
扫一扫
文章平均质量分 56
母猪产后护理专家
母猪产后护理专家，业余web全栈工程师，GIS爱好者
展开
-
ArcGIS Vue By Webpack 创建地图
如何使用 webpack 创建一个最基础的 ArcGIS 地图效果以下是package.json 中需要的依赖 "devDependencies": { ... "vue-template-compiler": "^2.6.10" }, "dependencies": { ... "es...原创 2019-10-22 10:02:45 · 414 阅读 · 0 评论 -
ArcGIS API for JavaScript 3.x 下实现标记点要素
效果如下：鼠标滑动上去的时候出现详细信息数据以json格式传递，数据如下（data.js)：var data = [ //json数据 { "id":"01", "name":"长城", "x":116.016033, "y":40.364233, "desc":"长城（Great Wall），原创 2018-05-12 21:40:52 · 4597 阅读 · 2 评论 -
oplenlayers 与 Vue 结合，实现添加任意内容到地图指定位置，并跟随放大级别缩放
先上效果：可以在地图的指定位置（坐标）上放任何 html 标签，并实现跟随地图放大级别缩放下面是地图放大级别特别大的时候的效果：下面是放大级别特别小的时候的效果（可以设置成不显示）：原理和说明放置任意 Html，这里毫无疑问是使用的 ol.Overlay 这个类。但是问题是，在 ol 封装好的 ol.Overlay 类中，显示的内容是无法跟随地图的级别缩放的，而可以...原创 2018-12-08 16:02:54 · 2235 阅读 · 4 评论 -
ArcGIS API for JS + Vue 实现 2D / 3D /不同底图 的无缝切换（视图位置不发生改变）
需要用到：Vue 2.5 、Bootstrap 4 、ArcGIS API for JS 4.10说明：这里的底图切换和2D/3D的切换思路和官网一致，但是实现方法完全不同，是利用Vue将初始化的参数变成响应式从而实现的无缝切换效果：初始状态：初始状态是 Google 的底图，为 3D 状态随机变换视图位置后切换底图：不会改变视图位置切换显示维度：同样不会改...原创 2018-12-27 15:04:23 · 5576 阅读 · 5 评论 -
Openlayers + Vue 实现自定义鼠标右键为改变视图角度事件
openlayers 5.3 + Vue 2.5效果：持续按下鼠标右键再拖动鼠标可以实现变换视图的角度（openlayers的样式被我改了一下，看上去有点像ArcGIS API for JS 4.x的样式）关键点Vue里面如何阻止浏览器的默认右键事件 如何阻止openlayers自带的鼠标点击拖动地图事件1.Vue里面如何阻止浏览器的默认右键事件这里有一个坑，下面的...原创 2019-01-07 16:46:42 · 1947 阅读 · 0 评论