HT for Web作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件进行融合，各取所长实现逻辑拓扑和物理拓扑的无缝融合，本章将具体介绍HT for Web与开发免费的OpenLayers...地图结合应用的关键技术点，该文介绍的结合的原理，其实还可推广到与ArcGIS、百度地图以及GoogleMap等众多GIS地图引擎融合的解决方案。...找到合适的组件插入位置是头疼的事情，ArcGIS、百度地图包括GoogleMap几乎每个不同的GIS组件都需要尝试一番才能找到合适的插入位置，其他GIS引擎组件的整合以后章节再介绍，本文我们关注的OpenLayers...HT和OpenLayers组件叠加在一起之后，剩下就是拓扑里面图元的摆放位置与经纬度结合的问题，常规网络拓扑图中存储在ht.Node图元的position是逻辑位置，和经纬度没有任何关系，因此在GIS应用中我们需要根据图元的经纬度信息换算出...position的屏幕逻辑坐标信息，如果你知道投影算法也可以自己提供函数处理，但所有GIS组件都提供了类似的API函数供调用，当然这部分也没有标准化，不同的GIS组件需要调用的API都有差异，但基本原理是一致的
、uDig、OpenJump、QGIS、gVSIG、Whitebox GAT、SAGA GIS、GRASS GIS、MapWindow、ILWIS、Diva GIS。...MapServer或GeoServer：用于发布WebGIS服务的开源GIS服务器。 5. Leaflet或OpenLayers：用于制作WebGIS前端地图展示的JavaScript库。 6....数据，还可以通过QGISServer将编辑好的矢量数据发布成标准的OGC服务，然后通过OpenLayers等客户端访问这些数据。...OpenLayers(JS)浏览器客户端 官方地址：https://openlayers.org/ 开发入门：https://zhuanlan.zhihu.com/p/341896668 vue项目：https...://gitee.com/shtao_056/vue-openlayers Openlayers可以访问服务端（如MapServer、QGISServer）发布的数据，最终实现地图的编辑、存储、发布和显示功能
虽然这个 Demo 是结合 OpenLayers3 的，其实还可推广到与 ArcGIS、百度地图以及 GoogleMap 等众多 GIS 地图引擎融合。 ?...http://www.hightopo.com/demo/openlayers/ 代码生成 创建地图 OpenLayers 是一个用于开发 WebGIS 客户端的 JavaScript 包。...我在声明类的时候传了一个 options 参数，通过在定义类的时候设置控件的容器元素并且将控件渲染到 GIS 地图的 viewport 之外： var view = graphView.getView(...值得注意的一点是，我们在上面对节点在电信 GIS 地图视图投影中的坐标进行了数据存储，但是这个方法对于 Shape 类型的节点来说不太合适，因为地图上一般都是用点围成区域面，勾勒出某个国家或者某个城市的轮廓...OpenLayers 的结构比较复杂，而 HT 相对来说简单很多，所以我将 HT 叠加到 OpenLayers Map 的 viewport 中。
概述： 昨日下午2点，“GIS讲堂-第一课”-《开源GIS环境搭建相关内容》在众目期待中结束了，下面就本节课的内容给大家做一个汇报，同时也希望没有能够参与到直播的童鞋们能够感受一下直播的气氛，争取下次开课的时候有更多的同仁参与进来...，大家一起畅谈GIS。...课程内容： 1、课程主题 开源GIS环境搭建相关内容 2、课程主要内容 限于个人能力、直播经验不足、开课时间等因素的影响，本节课程主要分享了如下的内容。...c、Geoserver中如何发布服务（包括新建工作空间、添加postgis数据库等） d、Geoserver如何做切片（栅格切片/矢量切片） e、结合udig对Geoserver的图层样式做修改 C、Openlayers...相关 a、Openlayers简介 b、Openlayers引用以及测试 具体内容大家可移步至优酷视频在线观看或者百度网盘下载观看
概述： 在本文叙述如何在openlayers中实现鼠标经过某一对象时，对象高亮；点击某一对象时，弹出该对象的信息。...重点为OpenLayers.Layer.Vector和OpenLayers.Control.SelectFeature，下面开始讲解。 效果： ? 鼠标经过高亮显示对象名称 ?...鼠标点击显示对象信息 实现： 1、创建地图，添加地图 var map1, vectors; OpenLayers.Feature.Vector.style['default...[renderer] : OpenLayers.Layer.Vector.prototype.renderers; vectors = new OpenLayers.Layer.Vector...[renderer] : OpenLayers.Layer.Vector.prototype.renderers; vectors = new OpenLayers.Layer.Vector
ImageService简介： ArcGIS Image Server为用户提供管理和处理海量栅格数据的能力，并提供基于GIS软件、CAD软件、影像处理软件和Web应用的企业级访问。...(.gif) o Erdas Imagine (.img) o JPEG JFIF (.jpg) o JPEG2000 (.jp2, .j2k) o Erdas 7.x .LAN and .GIS...开放的GIS和Web客户端支持 ? 软件开发包 ? 以最少的时间和最小的工作量使影像可访问 几何处理? 变形 ? ...完整代码如下： OpenLayers.Layer.AgsImageLayer = OpenLayers.Class(OpenLayers.Layer.Grid, { DEFAULT_PARAMS.../plugin/OpenLayers-2.13.1/OpenLayers.js"> <script src="../../..
最近在做一个开源GIS的demo的工作，工作中涉及到了地图瓦片，选取的开发环境是geoserver+openlayers，那么地图瓦片自然而然也就使用geowebcache，geowebcache...providerSite> lzugis GIS...-2.12/OpenLayers.js"> <script type="text/javascript" src="http://200.200.200.220/<em>OpenLayers</em>...({ position: new <em>OpenLayers</em>.Pixel(2, 15) })); map.addControl(new <em>OpenLayers</em>.Control.Navigation...()); map.addControl(new <em>OpenLayers</em>.Control.Scale($('scale'))); map.addControl(new <em>OpenLayers</em>.Control.MousePosition
概述： 本文讲述如何在openlayers中实现画圆。 效果： ?...实现思路： 1、画中心点 通过OpenLayers.Control.DrawFeature和OpenLayers.Handler.Point实现在地图上画圆心。...= new OpenLayers.Layer.Vector("drawLayer",{ styleMap: new OpenLayers.StyleMap()...* * Parameters: * origin - {} center of polygon....(x, y)); } var ring = new OpenLayers.Geometry.LinearRing(points); return new OpenLayers.Geometry.Polygon
前言 好久不见，距离OpenLayers入门第一篇已经过了很久，为什么迟迟没有后续呢，主要有两个原因，一是因为近期项目里使用地图的部分比较少，二是因为很多时候即使功能做出来了，但是还是不能完全理解，不是很明白的东西除了贴代码之外也写不了啥...虽然是基于v3版本介绍的，很多api可能变了，但还是值得一看，除了OpenLayers本身的介绍，还会有一些地理基础知识的分享，这种相对全面的中文教程真的很稀有，且看且珍惜。...添加阴影效果 OpenLayers的样式对象并不支持直接设置阴影效果，所以需要获取到canvas的绘图上下文来自行添加，原理是监听图层的prerender（在一个图层渲染前触发）和postrender（...evt.context.shadowBlur = 0 evt.context.shadowColor = 'rgba(0,0,0,0.20)' }) map.addLayer(vectorLayer) 绘制带边框的线段 OpenLayers
OpenLayers简介 OpenLayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求...规范的瓦片服务 支持矢量切片，包括pbf、GeoJSON、TopoJSON格式 支持矢量图层，能渲染GeoJSON、TopoJSON、KML、GML和其他格式的矢量数据 支持OGC制定的WMS、WFS等GIS...网络服务规范 支持在移动设备上运行 可以通过css来为地图控件设置样式 面向对象开发方式，在OpenLayers中万物皆对象 和另一个流行的地图库leaflet不同，openLayers完全是用面向对象的方式开发的...OpenLayers虽然很强大，但是因为一切皆对象，所以使用起来很麻烦，再加上无比难看的文档，所以对新手极其不友好，这也是本系列文章的初衷，旨在基于实际业务开发的场景下来沉淀一些内容，来帮助新手使用OpenLayers...本文基于OpenLayers v6+版本，代码基于Vue。
1.数据是GIS的血液 数据是GIS的血液，为什么这么说呢？GIS作为一种生产工具，没有数据相当于没有材料，更别提产品了，俗话说“巧妇难为无米之炊”，就是这个道理。...导出图纸以后可以使用“硕光PDF转换器”，将其转换成tiff格式图片，然后将图片加载于arcgis中，使用地理配准，将图片配准到合适的位置，然后就是GIS专业第一节课：矢量化栅格图层。
GIS空间站(http://www.gissky.net/bbs/ ) 5. 南大小百合(http://GIS@bbs.nju.edu.cn/) 6....北大未名(http://GIS.bdwm.net ) 9. IDL世界论坛(Http://www.idlworld.com/forum/wwwroot/dvbbs/index.asp) 10....『经纬驿站』(http://hellogis.126.com) 11. gis empire(http://www.gisempire.com/bbs/) 12....中地GIS论坛 http://www.mapgis.com.cn/myforum/main.asp 22....fbId=17 36.GIS与交通论坛: http://www.tranbbs.com/bbs/list.asp?
在《HT for Web整合OpenLayers实现GIS地图应用》篇中介绍了HT for Web与OpenLayers的整合，不少朋友反应国内用得比较多的还是百度地图，虽然HT整合百度地图原理与OpenLayers...一致，但不同GIS引擎客户端结合代码细节还是有不少差异，自定义地图风格更是完全不一样，为此我再开篇介绍下HT与百度地图整合的方案，这次我们将改进以前的例子，除了代表城市的拓扑节点外，再增加连线连接省会和城市...插入map的位置与OpenLayers也不一样，通过mapDiv.firstChild.firstChild.appendChild(view);插入，zIndex这些属性都还好不需要设置。...;我们为拓扑设置了两个层，node.setLayer(‘nodeLayer’);和edge.setLayer(‘edgeLayer’)使得图元节点全部呈现于连线之上，从这个细节大家可以发现，以前需要在GIS
1、写博客 在过去的2016年，共发表文章39篇，平均3.25篇/月，累计访问量突破30W大关，截止现在，累计访问量共369113次，博客排名第3541名，共吸引粉丝633名，新开专栏5个（GIS加油站...、Arcgis for js、Openlayers2、Openlayers3、Leaflet），各专栏文章数、访问量统计数据如下： 专栏名称 文章篇数 访问次数 GIS加油站 119 279034 Arcgis...for js 33 91594 Openlayers2 41 95400 Openlayers3 8 18682 Leaflet 2 676 2、微信公众号 2015年9月份，开通了公众号“LZUGIS15
职能上，从一个完全的开发人员转变成为一个带头人；从工作内容上，从一个全栈转变为一个专职前端；从技术上，从java到python，从openlayers2到openlayers3/4，从jquery到Vue.../Node；从行业上，从GIS到气象+GIS，所有的一切，都在发生着比较大的变化，在这些变化的1年里，走的小心翼翼，不过，已经挺过来了。...2、简书 简书是从7月份开通的，从开通到现在，非常感谢大家的关注与点赞，在简书工开通了两个专栏：GIS加油站和健平书。...其中：“GIS加油站”是围绕GIS而开设的，设计WebGIS、前端、GIS分析等GIS相关的技术的总结与分享，共计发布文章33篇；“健平书”是将自己每天早上练字的东西分享给大家，由于心浮气躁，所以很难静下心来认认真真的练...5、工作上需要做的还很多，尽快的成长起来，带领着大家往前走，在气象+GIS这个领域，有所作为。
概述： 在前面有篇博文讲述了基于Arcgis for js和wkt实现在线数据的采集和编辑功能，在本文讲述如何在openlayers实现类似的功能。...实现在线编辑主要为OpenLayers.Control.ModifyFeature。...实现： 1、新建vector图层 var renderer = OpenLayers.Util.getParameters(window.location.href).renderer...[renderer] : OpenLayers.Layer.Vector.prototype.renderers; vectors = new OpenLayers.Layer.Vector...[renderer] : OpenLayers.Layer.Vector.prototype.renderers; vectors = new OpenLayers.Layer.Vector
GIS开发基础 学习地址： https://www.bilibili.com/video/BV1Ui4y1U7c6/?...p=26&share_source=copy_web&vd_source=c64d57391b4f01119d930e79fb0b819b GIS开发方向： 桌面端开发（C/S） web端开发（B/S，...云GIS，跨平台） 移动端开发（高德地图、美团外卖等） 学习方法：整体性学习-建立联系-独立思考-强化学习。...学习路径： WebGIS是web技术与gis技术的结合 首先，了解web基础知识（HTML、CSS、JS） 然后，学习前端工程化，了解常用的前端框架（vue、react） 中间做几个练手小项目（熟悉开发流程...） 然后，进阶学习GIS相关的框架（二维openlayers、三维cesium） 最后，深入学习，在实践中成长 地图的组成： 底图（Map）：信息的载体 图层（Layer）：不同地理信息的分类集合 要素
毕业从业4年，越接触GIS，越觉得要在GIS从业，要必须深入一个行业去做，所以以后的职场规划和思想也会从这方面去考虑和规划的。 2、学习&进步（Learn&Progress） ? ?...b、开源GIS 开源GIS主要是Geoserver、PostGIS、Openlayers2+Openlayers3、leaflet等开源GIS框架，在加上项目的介入和学习，对开源GIS有了一定的了解，并能够熟练地应用到平常的项目中去...强化专业技能的学习，2015做的还可以，希望2016做的更好； 5、2016毕业后的第一个5年期，以后的路该怎么走，希望在2016年年底的时候，有一个比较明朗的想法； 6、深入交通、环保两个行业的学习，强化GIS
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
