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="../../..
前言 好久不见,距离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
最近在做一个开源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简介 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
职能上,从一个完全的开发人员转变成为一个带头人;从工作内容上,从一个全栈转变为一个专职前端;从技术上,从java到python,从openlayers2到openlayers3/4,从jquery到Vue.../Node;从行业上,从GIS到气象+GIS,所有的一切,都在发生着比较大的变化,在这些变化的1年里,走的小心翼翼,不过,已经挺过来了。...2、简书 简书是从7月份开通的,从开通到现在,非常感谢大家的关注与点赞,在简书工开通了两个专栏:GIS加油站和健平书。...其中:“GIS加油站”是围绕GIS而开设的,设计WebGIS、前端、GIS分析等GIS相关的技术的总结与分享,共计发布文章33篇;“健平书”是将自己每天早上练字的东西分享给大家,由于心浮气躁,所以很难静下心来认认真真的练...5、工作上需要做的还很多,尽快的成长起来,带领着大家往前走,在气象+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
概述: 在前面有篇博文讲述了基于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
毕业从业4年,越接触GIS,越觉得要在GIS从业,要必须深入一个行业去做,所以以后的职场规划和思想也会从这方面去考虑和规划的。 2、学习&进步(Learn&Progress) ? ?...b、开源GIS 开源GIS主要是Geoserver、PostGIS、Openlayers2+Openlayers3、leaflet等开源GIS框架,在加上项目的介入和学习,对开源GIS有了一定的了解,并能够熟练地应用到平常的项目中去...强化专业技能的学习,2015做的还可以,希望2016做的更好; 5、2016毕业后的第一个5年期,以后的路该怎么走,希望在2016年年底的时候,有一个比较明朗的想法; 6、深入交通、环保两个行业的学习,强化GIS
/plugin/OpenLayers-2.13.1/theme/default/style.css" type="text/css"> html, body, #.../plugin/OpenLayers-2.13.1/OpenLayers.js"> <script src="../../.....(domid, new <em>OpenLayers</em>.LonLat(d.x,d.y), new <em>OpenLayers</em>.Size.../plugin/<em>OpenLayers</em>-2.13.1/<em>OpenLayers</em>.js"> <script src="../../.....(domid, new <em>OpenLayers</em>.LonLat(d.x,d.y), new <em>OpenLayers</em>.Size
领取专属 10元无门槛券
手把手带您无忧上云