JavaScript
文章平均质量分 67
逸然健在
人若是过得平淡,岁月便会变得轻狂
展开
-
感受postgis空间函数在项目中应用的强大之处--带实例分析及mixed SRID geometries 错误解决
最近有个项目需求需要乙方完成,他们GIS开发人员能力有限遇到了困难。需求是将某区域进行固定大小的网格分割(类似渔网)根据网格内存在的点数量和属性值,对网格进行高度拉伸和颜色渲染的三维需求,点的属性信息中有区域和街道的属性。 很多人一开始想到的就是循环。在代码中只要根据点和网格进行循环判断点是否在网格中,然后属性值通过代码组织就行。这样的实现方式,第一,对于数据量大的场景肯定不行的,因...原创 2020-01-19 14:50:11 · 1013 阅读 · 0 评论 -
cesium添加mapbox自定义风格底图
前段时间一直想把mapbox的底图添加到cesium中,一直没找到方法。刚刚在cesium的api 中找到了相关的接口,发现现在各种应用开发越来越简便了;里面相关参数写的很详细,如下:以下是代码:/* * @Author: dzj * @Date: 2020-01-06 18:37:18 * @LastEditTime : 2020-01-06 18:38:40 *...原创 2020-01-06 18:49:58 · 8164 阅读 · 15 评论 -
Openlayers3 API中的几处坐标系,分别代表的含义总结
在openlayer中引入切片,添加各种服务,视角的定义等情况下都有对projection的属性进行设置,有的是默认值,有的需要自定义,但是他们与请求的服务之间或多或少存在着千丝万缕的联系。或者互不影响。本人在实践过程中,对经常出现的几个projection的理解进行了总结,直接看代码:<html> <head> <title>dzj geoS...原创 2018-08-15 23:04:56 · 1382 阅读 · 5 评论 -
openlayers加载本地arcgis切片(explodes)的两种方式,利用geowebcache进行发布和直接读取本地切片
由于Arcgis的普及,经常会使用ArcgisServer对地图进行切片,且缓存在本地。如果能使用开源工具对该本地缓存进行加载的话,有时候能够节省不少精力和时间,因此本人对openlayers加载arcgis本地切片进行了总结,上代码: /* *****************************************************************...原创 2018-08-15 23:30:11 · 1858 阅读 · 0 评论 -
WebGIS常用的空间分析,地图发布,底图自定义,QGIS插件,地理矢量数据格式转换工具等资源汇总
OGC javascript 空间分析库:turf.js jsts.jsjsts: JSTS是一个符合OGC规范的简单要素空间位置判定函数JavaScript库,JSTS也是Java类库JTS的一个接口,且与OpenLayer3具有互操作性。目前原生的OpenLayers3并不支持空间拓扑关系查询,此类库可以作为重要的补充。通过此类库,可以判断多种空间几何的位置关系,最初建立这个工...原创 2018-09-01 17:35:15 · 5210 阅读 · 0 评论 -
cesium小试牛刀
久仰cesium的大名,3dGIS的受欢迎程度在如今也是不言而喻。之前做过商业版的3dGIS项目用的是skyline的产品,对于开源3dGIS,看的我也是心痒难耐,今天就照着做了几个demo.确实强大。准备工作:1.cesiumLab :yong 3dtile 的发布,例如地形,用于extrude的矢量面数据,点数据等。2.广州市全市建筑轮廓 .shp 文件,广东省部分区域DEM。3....原创 2018-09-03 19:35:05 · 1980 阅读 · 0 评论 -
transition 自动滚动表格(vue)
自动滚动主要注意三个变量:1,要显示的滚动区域,2,滚动时间,3每次滚动的位移量滚动效果主要是根据transition样式进行设置: transition: width 2s; 第一个参数是指方向,第二个是移动时长再通过数据的需求设置每次需要移动的距离,js方法设置即可,可视区域外的元素遮盖(overflow:hidden)即可,代码如下:<template>...原创 2019-01-18 11:38:24 · 9576 阅读 · 2 评论 -
用echarts 中的地图来显示区域分布情况(vue),包括地理数据来源生成的制作注意事项
由于国家测绘部门的一些相关法律规定,现在版本的ecahrts 中的地图资源已经不能制作和直接使用,只能通过自己注册地图regiseterMap(name,json),来实现地图的区域,这些数据,学GIS的获取和制作应该都不是什么大问题,只需将相关区域的地理要素转换成geojson即可,如果不知道怎么转换,我的文章WebGIS常用的空间分析,地图发布,底图自定义,QGIS插件,地理矢量数据格式转换工...原创 2019-01-18 16:17:17 · 6631 阅读 · 3 评论 -
hsl m3u8格式的视频用vue-video-player 接入网页的实例demo
安装 vue-video-player(视频播放器)和videojs-contrib-hls(hls传输)//安装npm install vue-video-player --savenpm install --save videojs-contrib-hls //页面<template> <md-card> <md-card-actio...原创 2019-01-16 09:48:22 · 2634 阅读 · 0 评论 -
cesium绘制几何体polygon,并直接标注label的小技巧
之前一直用openlayers,skyline,进行图形绘制图形,在绘制polygon的时候都是可以获取相应source的feature来获取几何体的中心坐标,但在cesium中却没有feature的说法,除了事件获取屏幕数据的时候才有才有feature,在cesium中的entity是很核心的对象,就找了半天才找到相应的属性方法,来获取entity的geometry的中心点坐标,直接上代码作为笔...原创 2019-05-13 17:34:34 · 15261 阅读 · 10 评论 -
通过sld样式拉伸渲染为伪3d建筑的地图效果通过geoserver发布
伪三维图形,类似百度地图的建筑,sld设置参考:https://www.jianshu.com/p/c157ee1bb0b7参考:https://www.cnblogs.com/shitao/archive/2012/08/29/2661611.htmlsld的样式一般都是在uDig中进行样式编辑和查看,随后导入到geoserver里面,用于地理要素的显示样式设置sld样式的具体内容就...原创 2018-07-17 19:52:12 · 3623 阅读 · 0 评论 -
基于tomcat的geoserver部署,小总结
下载相应版本的geoserver.war包,然后放到人Tomcat的wabapp下面进行解压,解压完后,删除war包,重启tomcat即可。浏览器打开localhost:port/geoserver即可,首次进需要输入登录账号密码定位到apache-tomcat-8.0.33\conf文件下tomcat-users.xml添加账号密码 <user username="admin" passw...原创 2018-07-09 18:33:15 · 3058 阅读 · 4 评论 -
TerraExplorer 6.6 api for javaScript 中的Points无法获取该对象的属性和使用其所持有方法
在单个feature获取geometry(lineString或者linearRing)时得到了Points对象,却无法获取Points的属性和方法使用,会显示属性值为null或者不存在的错误。按照API文档的提示,在使用points.toArray()的方法时候: As of IE11, VBScript which includes the VBArray object that re原创 2017-09-17 14:48:34 · 691 阅读 · 0 评论 -
skyline的TerraExplorer api for js二次开发时,图层中的features无法获取或者features对象没有包含任何单个feature。
有时候用TerreaExplorer API(6.6) for javaScript 在获取工程树下的图层内的features时会出现获取的feature个数为0,经过本人的探索总算找到了相应的解决办法。大家可以参考一下原创 2017-09-17 14:28:34 · 1754 阅读 · 1 评论 -
skyline创建气泡CreatePopupMessage里面的src问题
当创建气泡CreatePopupMessage指定src对应的url地址,加入在url里面采用get的形式添加参数与参数值到url中。所在的html页面里面如果是动态添加图片到页面中,可能会导致图片无法获取,,但是单独打开对应的页面又能直接显示图片出来。如以下代码:var src = m_basePath+"/map/jsp/infowindow/checkmPic原创 2018-01-03 19:40:28 · 1094 阅读 · 0 评论 -
skyline6.6 for javascript 在 IE浏览器运行时,显示:Error:对象不支持XX属性和方法
一开始以为是软件安装的问题,因为用的是破解版的terraExplorer pro 6.6 浏览器用的是IE11。经过调试和分析,发现是因为之前项目的时候,在本地的机子上对IE浏览器进行了IE启动的设置,将IE设置成了64位启动,而本机上安装的软件是32位的,因此个人觉得,产生了冲突。于是将其改回位32位的默认启动,并且将浏览器重启显示就正常了。 ...原创 2018-03-13 12:00:49 · 1317 阅读 · 0 评论 -
javascript 判断点在面内,点在圆内
点在多边形内常用的算法就是使用射线法,作为笔记直接上代码: /** * 判断一个点是否在多边形内部 * @param points 多边形坐标集合 * @param testPoint 测试点坐标 * 返回true为真,false为假 * */ function insidePolygon(points, te...转载 2018-05-08 23:28:52 · 7911 阅读 · 5 评论 -
openlayer 4 点、线、面绘制与交互
openlayers 中很重要的是feature的理解,feature和source是获取地理要素的重要中间载体,主要构成方式如下图所示话不多说,直接看相关代码$.ajax({ type: "post", url: "${ctx}/szdt/riskSource/getRiskInfoByIdAndType", dataTyp...原创 2018-05-09 23:56:02 · 5232 阅读 · 0 评论 -
openlayer3 添加arcgis 发布的wms 服务(矢量非切片)
wms作为ogc 标准之一,arcgis sever 发布的wms同样能被开源gis平台来进行加载,openlayers自然也能正常引用。但是esri发布的wms有一点小细节需要注意,与geoserver 发布的wms有点小出入。先上代码吧:<!DOCTYPE html><html> <head> <title>Vector ArcG...原创 2018-05-22 15:45:35 · 1713 阅读 · 0 评论 -
百度地图 javascript api自定义信息窗口
百度 js api中存在infoWindow的类,就是marker 点击后显示的信息窗口,他存在一下问题1.在map中只能显示一个infowindow,2.该信息窗口的样式无法修改,显示的内容具有局限性,虽然在2.0以后可以添加html元素,但是样式只能部分修改,比如他的背景色始终为白色。通过寻找信息窗口里的例子,发现在1.5版本的时候,提供过一个自定窗口的例子和相关的js文件该例子位于百度地图开...原创 2018-06-21 19:26:55 · 27612 阅读 · 17 评论 -
geoserver(旧版本的geowebcache)发布arcgis切片数据的一点问题
最近项目中,由于成本的考虑,要弃用arcgis的产品,用arcgis server 发布的的(影像)切片服务也不能直接使用,导致产生的缓存切片造成了浪费,再加上想偷懒项目主要开发环境:1.openlayer+arcgis for server 10.2 /geoserver根据开发环境想到了两个解决方案:1.直接用openlayers 加载缓存后的arcgis切片(explode松散型切片),相关...原创 2018-07-09 17:40:43 · 1248 阅读 · 1 评论 -
IE浏览器不支持JSON,显示undefined的错误
IE浏览器使用编写的JavaScript出现不支持JSON,显示undefined的错误,解决方法原创 2017-09-17 14:16:31 · 2903 阅读 · 0 评论