声明:本篇在李晓晖的《杂谈WebGIS》,补充更多的资料说明。基于地图二次开发一直断断续续在做,这里算是补充一下基本功把。其实对于前端,WebGis开发都是api,抄demo,改。GIS深入似大海,杂鱼汤来一碗
http://player.youku.com/player.php/sid/XMjI5MzAxMTQ4/v.swf
学习地址: https://www.bilibili.com/video/BV1Ui4y1U7c6/?p=26&share_source=copy_web&vd_source=c64d57391b4f01119d930e79fb0b819b
很多人对于WebGIS不是很熟悉,尤其是刚接触WebGIS的开发人员来说,感觉这东西漫无边际,不知道如何下手,所以本篇文章就结合自己的开发和学习经验,给大家推荐一下学习路线和相关的学习资源。
“不写博客的GISer不是一个好程序员”。所以,好多程序员会保留着写博客的习惯,一方面记录自己的学习成果或者解决某个问题的方法,一方面能够帮助到他人,再一方面也能够督促自己多学点东西……这是一个一举N得的事情。上为其一。其二,微信公众号的slogon是”再小的个体,也有自己的品牌”。在这个全民”自媒体”时代,我们也能够通过博客建立自己的品牌,提升自己在圈内的影响力。因此,打造自己博客是一件很有必要的事情。
作为一个WebGIS开发,从前端往GIS靠拢,虽说不是纯GIS,但是也了解到一些相关GIS上的东西
申明:本文内容仅代表个人观点,同时因个人能力有限,如有遗漏和错误之处,还望各位看官批评指正。
在WebGIS开发中,业务中经常需要许多图层,通常是ArcGISTiledMapServiceLayer,FeatureLayer,如果使用开源的GeoServer作为地图服务器,通常使用WMTSLayer以及WFSLayer。因为Arcgis JS API功能强大,所以我们最好采用Arcgis JS API来开发WebGIS应用。即使我们使用免费开源的GeoServer和geowebcache来作为地图服务器,我们也最好不使用openlayer或mapbox等其他地图JS API技术,使用Arcgis JS API的WMTSLayer和WFSLayer来加载开源免费的地图服务器发布的地图服务,毕竟Arcgis JS API的易用,强大,系统全面是任何其他WebGIS JS API无法比拟的。
2016年,坚持做了几件事:1、坚持写博客;2、坚持维护公众号;3、坚持答疑解惑;4、坚持学习;5、坚持早起;6、坚持锻炼;7、坚持存钱……
Mapbox GL JS 是目前最新潮的前端地图库,它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的,但一般依赖于Mapbox公司提供的底图服务。
在GIS数据处理时,我们最熟悉的就是ArcGIS了,它的功能十分强大,但同时对电脑性能要求也挺高,而且很多功能我们其实用不上;其他类似的GIS软件还有:GeoDa、LocaSpace图新地球、uDig、OpenJump、QGIS、gVSIG、Whitebox GAT、SAGA GIS、GRASS GIS、MapWindow、ILWIS、Diva GIS。
本次毕业设计所涉及平台有服务器和客户端两个平台、所处理的数据有地理数据和非地理数据、所涉及的编程语言主要有C#和JavaScript,都比较多样化,所以在进行系统全面介绍前,先展示系统整体业务结构,如图2.1。
前端开发领域已经有很多自动化构建项目的工具了,例如vue-cli、create-react-app等等,但是在WebGIS开发领域却是少之又少,所以今天博主自己开发了一款脚手架工具,用来自动化构建WebGIS项目。
ArcGIS API for JavaScript开发必读的一篇入门文档,文章中对ArcGIS API for JavaScript做了简单的介绍,包括学习路线、版本选择、使用流程和一些学习资源等内容,大家通过本文的阅读,相信会对ArcGIS API for JavaScript的开发有一个基础的了解,从而在后期的学习和使用中能达到事半功倍的效果。
和很多gis专业的童鞋聊:关于为什么会选择这个专业?很多童鞋的回答都是调剂过来的,并且表示没听说都没有过这个专业,只有少数的表示听说过,知道并了解的更是寥寥无几了。说起高考志愿这个事情,我自己有段趣事,分享出来,逗大家一乐:我是第一志愿报考的这个专业,为什么呢?是因为我了解这个专业,还是因为热爱这个专业……都不是,是命!记得当年,没有老师的指导,也没有亲朋好友的建议,报志愿全靠自己猜,所以听说计算机就业好,就果断选择了计算机专业。可是到录取通知书到手的时候,上面却写的是地理信息系统,what happened ?于是,看了下专业代码,计算机专业代码是17,地理信息系统专业代码是71,原来是在涂志愿卡的时候涂反了。如此这般,我就入了此坑,并一入不复返。
本次毕业设计旨在开发和设计基于ArcGIS的Web平台下的地理信息系统,利用课题组现有设备位置坐标和某市地理底图,将配电网进行数字化,信息化,实现在Web方式下,对配电网设备台帐的定位、查询等。
比例尺在地图中是一个非常重要的概念,有着辅助读图的作用。本文在ol框架下,实现webgis中的比例尺功能。
很多时候,会有一些刚毕业或刚入行的童鞋问我:老师,怎么学习webgis开发?我也一直在思考这个问题,作为一个新人,应该如何学习webgis,降低webgis的学习成本。对于如何学习,是一个很模糊也很难有标准答案的问题,因人而异,仁者见仁,智者见智。本文,从我个人的学习路程上抛砖引玉的简单说说,希望有所启发,有所帮助。
主要介绍如何用ArcGIS JS API 4.14去实例化一张二维地图,并简单介绍了和3.X版本实现方式的异同。
用VS2008打开需要发布的网页源文件,执行操作“菜单à生成à发布网站”,然后编译器会将所有的服务器端代码即“*.cs”文件编码成动态链接库即“*.dll”文件存放在指定目录下的一个文件夹内部。这样做一方面是为了生成性能更加优越的发布版本的网站。一方面也是为了隐藏服务器端代码,保护知识产权并防止遭受意外网络攻击。
本文主要介绍如何在React项目中使用ArcGIS JS API进行开发,文中使用的JS API是目前最新版本的ArcGIS JS API 4.14,主要是在React项目demo中用JS API实例化了一张二维地图。
实时展示GPS的数据是webgis中比较常见的一个需求,本文通过nodejs-websocket模拟GPS数据的更新,实现GPS数据的实施推送与地图数据的展示。
本文主要介绍如何在Vue和React项目中使用ArcGIS JS API进行开发,与以往的esri-loader开发方式不同的是,本文使用的是@arcgis/cli脚手架的开发方式。
本文主要介绍如何在Vue项目中使用ArcGIS JS API进行开发,文中使用的JS API是目前最新版本的ArcGIS JS API 4.14,主要是在Vue项目demo中用JS API实例化了一张二维地图。
一直想找到一个合适的构架来开发WebGIS,以前一直用的是Web ADF,然而经常遇到很大的技术阻力,因为,自己的JAVASCRIPT不怎么好,所以一直想尽量避免,现在看来,这个想法完全是错误的,想要做出动态性能很好的网页,不可能和JS避开的。
本文主要针对于在Vue和React项目中使用esri-loader和@arcgis/cli脚手架进行ArcGIS JS API开发时,比较两种方式的不同,供各位参考。
俗话常说:老鼠过街,人人喊打。鼠年,好像一直都是不太平的:今年,新冠病毒;08年,汶川大地震……大家都在叫唤今年的日子不好过,可不管好不好过时间不会因为日子是否好过而停止,这不转眼间“不太好过”的今年已经快结束了。趁着这个周末,盘点一下今年的方方面面,对今年做一个总结。
在上一章中,对基本的AJAX进行了一些介绍,但是Web GIS开发框架Web ADF提供的AJAX对上述基本的AJAX又进行了一层封装。ArcGIS Server9.3的Web ADF为开发人员提供了可以在AJAX环境中管理客户端与服务器之间传输的框架。这个框架称之为“callback results framework“,包括服务器端的一些类(CallbackResultCollection,CallbackResult)及控件(Web ADF controls)和客户端的JavaScript库(Web ADF JavaScript),如下图所示。
在3.X的ArcGIS JS API版本中我们可以轻松的调用相应的API来实现地图的缩放大小的控制,让实例化后的地图在我们设置的范围中进行缩放,但是在4.X的版本中并没有相应的属性来控制,所以我们采用一种折中的方式来实现。
当拉到模型边缘位置时,发现建筑物是悬浮的(没有贴合地面)!并且没有和卫星影像重合!
本文,牛老师给大家分享一些自己平常工作和学习常用的网站或资源,希望对大家有所帮助。
之前写的大都是偏向于长篇大论的技术文章,很多人看完心中毫无波澜,甚至还觉得有点浪费时间。于是我痛定思过,决心写一些贴近生活、有意思、篇幅短的文章。
停电区域是指供电公司在某一天的某些区域的台区进行停电,台区的下属表箱均受到影响。这是一个地域性问题,所以通过在地图上进行标识这些区域,将数据可视化地展示到分析人员面前,可以很直观看到当天停电影响区域,极大地方便了后续工作的展开。
在刚接触WebGIS的时候,自己只知道安装了ArcGIS,然后可以用VS2008 .NET开发WebGIS,在最开始的时候,连ArcGIS本地有帮助文档都不知道。然后自己站在今天这个时候再回望过去的时候,都唏嘘不已啊。每天一点一滴,真的可以量变引起质变的。
动态的可视化大家都见得比较多了,比如说下面这种,展现数据根据数据库的数据变化来进行变化,有利于实时监控数据的情况。
无论是百度还是高德地图开发,还是高德地图开发。官方的给的案例启示很多,copy再修改下,就完成了
关于WebGIS JS API,只喜欢两种:上手容易,简单灵活的Leaflet,以及系统全面功能强大丰富的Arcgis JS API。
目前工作中有不少涉及到地图的项目,我参加了几次技术评审,前端伙伴们在 WebGIS 方面的知识储备稍有不足,这次分享的主要目的是科普一些在前端领域比较常用的 WebGIS 知识。另外,我之前的工作中积攒了一些从零开始搭建 WebGL 地图引擎的微薄经验,虽然最终遗憾没有上线,但在其中学到的一些WebGL知识还是值得分享一下。WebGL 可以说是前端可视化技术领域难度最大的一项图形编程技术,所以今天就结合 WebGIS 这个话题顺带分享一些 WebGL 的相关知识,不会太深入,很细节的技术点在后续文章里再讲解。
FGMap API 帮助文档,如果需要用FGMap API进行地图开发的朋友,可以参考这个文档。
GIS搜索框90%的代码借用GitHub上Leaflet.GeoJSONAutocomplete这个项目。这个项目是leaflet(一种简洁而强大的WebGIS js库)的一个插件,项目介绍如下:
一年一度的高考今天开始了,回想10年前,那是我第一次高考;10年后,作为一个GISER,在此给大家献上一个GISER的祝福,祝愿各位考生:考神附体,考完报考GIS专业(LZUの,给自己的母校打个广告)……
ArcGIS API for JavaScript 4.18中新增加了一种基于ES Modules的新开发方式@arcgis/core,这篇文章就来介绍一下如何使用这种方式来进行开发。
本文以openlayers为例,结合turf.js讲一下webgis中绘制和编辑时如何实现捕捉功能。
我是人见人吐,花见花萎的“GIS讲堂”堂主——LZUGIS,为提升堂主形象与个人影响力,本堂主决定干点利国利民、福及后代的大事,这点大事包括:
想写本文,主要是源于前两天有个老师找到我说让我录一个大概半个小时的视频,跟大家分享一下各webgis框架之间的区别以及在应用的过程中应该如何选择。其实之前也有学员问过类似的问题,当时只是针对他们的疑问做了回答。虽然各个框架都有用过,有几个还算比较熟悉,但并没有全面的对各个框架进行过比较,刚好借着这个机会,一方面重新对各个框架有一个比较全面的认识,另一方面对各个框架做一个比较,以便后面使用的时候有一个较好的选择。
本文介绍GIS方向研究生入学初期,为将来转码、从事开发类工作所作求职准备的规划路径、方向选择等方面的建议。
随着前端技术的不断发展,WebGIS普及度也越来越广,本篇将主要讲解基于百度地图JavaScript API GL v1.0
用过Arcgis的筒子们对于Arcmap里面的一个卷帘效果肯定记忆很深刻,想把它搬到自己的WebGIS系统中去,抱着同样的想法,我也对这种比较炫的卷帘效果做了一下研究,吼吼,出来了,给大家汇报一下成果,先看张图:
这里主要是用于更改地图自带的css样式实现。那么如何更改就是一个重点了,首先我们要运行程序,打开运行状态下的网页,然后按f12呼出控制台,找到对应的元素(div等),将其隐藏掉即可。值得注意的是,我们需要加上!important,因为这样可以使权重变为最高,就可以把其隐藏掉了。
在商业智能BI应用中,经常会涉及到不同部门、不同层级的人查看数据的情况,由于每个人对业务的关注点不同,所以大家对数据的维度、粒度要求也不同,这个时候运用数据钻取就可以轻松应对大家不同的数据需求了。
领取专属 10元无门槛券
手把手带您无忧上云