自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 GeoServer发布带时间属性的时序图层ImageMosaic

如果生成的properties文件已经存在于目录中,或者datastore.properties文件中存在不正确的连接参数,则也会出现相同的错误信息。在snow文件夹中创建一个indexer.properties文件,这个文件可以指定Geoserver在数据库中创建索引表的信息。在本例中,时间值存储在列ingestion中。为了在显示特定时间的栅格数据的,必须在请求中传递一个附加的时间参数,该参数具有特定的表示格式**&time=**,这里的的Pattern可以使用上表ingestion列的值。

2024-02-02 14:24:47 907 8

原创 OpenLayers 避免在双击结束绘制导致地图放大

最近开发中需要实现在地图上绘制矢量图形的功能,发现在绘制结束时,如果同时清除添加在地图上的绘制功能,双击地图时会触发地图默认的双击放大交互功能,故在此记录下解决思路,不记录完整代码。

2022-11-16 15:34:10 1173

原创 PostGIS 如何计算两个经纬度之间的距离

记录如何使用PostGIS计算两点之间的距离

2022-08-02 09:51:36 674

原创 Vue项目启动时 卡在98% after emitting StylelintWebpackPlugin无法运行

开发过程中遇到的问题,vue启动项目时,卡在98% after emitting StylelintWebpackPlugin导致项目无法运行

2022-07-25 15:30:04 1885

原创 OpenLayers:调用GeoServer发布的WMS服务

OpenLayers:调用GeoServer发布的WMS服务前言本文记录如何通过WMS服务加载发布于GeoServer上的图层,所以环境的搭建就不再赘述,没有安装GeoServer的可以移步GeoServer的安装与初步使用正文安装好geoserver,进入首页,点击登录后可以进入如下页面:通过以上方式可以打开如下页面:通过这个url我们可以看到很多有用的信息,发起的请求为wms请求(service=WMS),version=1.1.0表明使用的是1.1.0版本的wms请求,request=Ge

2022-05-11 14:39:45 3284

原创 多选框转换为单选框 使CheckBox拥有Radio同样的功能(以Ant Design of Vue为例)

前言:开发过程遇到的需求,要求实现单选功能,但是单选框样式却是多选框的样式,故记录一下(仅仅记录思路)。首先是antd的代码,如下<a-checkbox-group @change="onChangeOption" v-model="checkBoxObj.checkedList"> <a-checkbox v-for="(item, index) in checkBoxObj.children" :key="index" :value="item.val">

2022-03-17 17:30:19 6071 8

原创 Vue+Openlayers实现点要素聚合

Vue+Openlayers实现点要素聚合在一些场景下(比如地图上的点要素过多,会显得很密集),当我们缩小地图的时候,密集的点会覆盖住地图的信息,显得很杂乱,也会影响地图的渲染,此时,我们便可以使用Cluster对点要素进行聚合。环境的搭建不再赘述,不懂的可以先看第一篇文章。首先是需要引入的包:import Map from 'ol/Map';import View from 'ol/View';import Feature from 'ol/Feature';import VectorSou

2021-09-24 15:37:59 1893 1

原创 vue+openlayers实现水波纹样式点(图层方式)

PS:以下所有的代码都是基于搭建好的环境后才能运行的环境搭建,????Vue+OpenLayers入门(加载OSM在线地图)环境搭建好后,就可以开始愉快地写代码了。step1:引入ol包里面需要用到的东西import Feature from 'ol/Feature';import {Point} from 'ol/geom';import {Style, Fill, Stroke, Circle as CircleStyle} from 'ol/style';import {Vector a

2021-09-24 15:16:31 2038 13

原创 Vue+OpenLayers入门(加载高德在线地图)

开发环境的搭建在上一篇教程中已有描述,如果不知道怎么搭建,请移步vue+openlayers入门(加载OSM在线地图)此代码为加载高德在线地图以及清除地图上的默认控件:<template> <div class="map-box" id="map-box" ref="mapBox"></div></template><script>import 'ol/css';import {fromLonLat} from 'ol/proj';

2021-09-15 21:02:20 4480 1

原创 Vue+OpenLayers入门(加载OSM在线地图)

1、初始化Vue项目此处不再赘述,不会初始化的请移步:如何搭建一个vue项目(完整步骤)多说一句,完成vue项目的初始化后,可以在App.vue中修改代码如下(为何要这样修改,后面代码中的注释会描述):<template> <div id="app"> <router-view/> </div></template><script>export default { name: 'App'}</

2021-09-15 20:55:00 2589

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除