openlayers
ANNENBERG
五道口职业技术学院
展开
-
openlayers绘制范围圆
drawCircleByStation参数是坐标【lng,lat】原创 2023-08-11 10:34:15 · 325 阅读 · 0 评论 -
gcoord 转坐标
npm install gcoord --saveimport gcoord from 'gcoord';原创 2023-07-12 13:27:44 · 261 阅读 · 0 评论 -
公益林行政区划各级通过服务进行高亮定位
【代码】湖南大数据 服务。原创 2023-07-04 14:57:02 · 92 阅读 · 0 评论 -
arcgis图例获取
tongliao_jsc/serverUrl/arcgis/rest/services/keerqin/211124矢量图_生态红线与保护地_自然保护地/MapServer/0/images/8df07ef7664bd0e0b3f480c947ca2be6。后面是从MapServer?原创 2023-03-09 15:33:38 · 379 阅读 · 0 评论 -
获取polygon中心点
【代码】获取polygon中心点。原创 2022-12-19 14:58:14 · 1100 阅读 · 0 评论 -
ol属性查询-json查询和arcgisserver服务查询及服务过滤、wms属性查询
属性查询服务接口查询原创 2022-12-04 22:32:57 · 529 阅读 · 0 评论 -
wkt、geojson转换、二三维服务地址转换
1.wkt、geojson转换、二三维服务地址2.三维服务地址转换为二维使用xyz getMAP?x={TileCol}&y={TileRow}&l={TileMatrix}&styleId=默认&tilesize=256&ratio=1&tilesize=256二维:Tilematrix={z}&Tilecol={x}&TileRow={y}原创 2022-12-04 22:27:12 · 766 阅读 · 0 评论 -
改变地图背景色,见天地图
【代码】改变地图背景色,见天地图。原创 2022-11-30 17:19:12 · 519 阅读 · 0 评论 -
openlayers 图层刷新问题
图层remove在add之后,并未发生新的网络请求。已知地图缩放级别并未发生改变,窗口也没有,所以此时的gis数据请求的参数是已经被缓存起来了,所以直接从缓存中取出数据。ps:试了刷新source、改变zoom效果都不是很,layer.getSource().refresh();map.getVIew().setZoom(12)addLayer时随机添加额外的无效参数,例如设置一个属性layerid值。图层编辑之后,重新加载图层,刷新不成功的问题。...原创 2022-08-11 16:46:35 · 2348 阅读 · 0 评论 -
ol加载离线切片16进制
代码】ol加载离线切片16进制。原创 2022-08-04 18:43:32 · 165 阅读 · 0 评论 -
openlayers热力图
importVectorSourcefrom"ol/source/Vector";import{HeatmapasHeatmapLayer}from"ol/layer";import{Feature}from"ol";import{Point}from"ol/geom";import{fromLonLat}from"ol/proj";handleHeatMap(val){val.visible=!val.vis...原创 2022-01-03 11:59:21 · 1075 阅读 · 0 评论 -
GeoServer style(sld)中文乱码解决方法
在说明这个问题之前,有三点需要明确:一是创建New style时,网页中文本框内的内容才是最终会应用到GeoServer的sld内容,这与本地sld文件没有关系。二是xml的encoding定义的编码不一定和文件编码(文件的字符编码)一致,详情可以参考:XML乱码问题和encoding的理解三是我使用的geoserver版本为2.16.2,因此该乱码问题的解决思路可能不适用于某些低版本的geoserver。据我所知,低版本geoserver(例如2.8.2),不论使用什么方法向网页中输入原创 2020-08-05 08:31:51 · 2993 阅读 · 2 评论 -
geoserver服务配色与发布
第一步新建工作空间(如有已存在的工作空间不需要重复新建)第二步新建style(因为要对其进行配色制作专题图,所以需要创建style,如已存在则不需创建)选择sld文件,上传。上传后进行验证,查看文件中是否存在错误检查无误后一次应用、提交。此时style列表中添加成功对应的style。第三步发布数据源填写完成信息后保存。第四步发布数据计算数据边界跳转到发布服务页面,WMS服务设置中,设置之前增加的style,然后保存.原创 2020-07-31 10:06:03 · 1287 阅读 · 0 评论 -
Openlayers+GeoServer导出地图图片的跨域问题
跨域问题:加载了geoserver发布的图层,在导出时html页面后台提示错误:SecurityError: The operation is insecure.原因是:canvas导出图片时,涉及到跨域的问题,需将图层的crossOrigins设置为“anonymous”var wmsSourceLucc = new ol.source.TileWMS({ crossOrigin:'anonymous', //解决错误:SecurityError: The operation is i..原创 2020-07-26 21:40:01 · 910 阅读 · 2 评论 -
Openlayers的空间查询wfs
Openlayers的空间查询,下面主要包括三种查询,分别是点击地图查询,过滤条件查询,多边形查询等。说明的文字不是很多,直接看代码,最后提供一份完整的代码,直接复制到html中就可以运行。1.点击查询点击查询主要是使用map的forEachFeatureAtPixel进行查询,首先需要给地图添加一个点击事件,如下所示://点击查询 map.on('singleclick',function(evt){ var pixel = map.getEventPixel(e原创 2020-07-15 08:26:27 · 3761 阅读 · 0 评论 -
朝阳-wms属性查询与geojson服务加载
点击地图,获取图层元素属性信息(返回数据是json格式):map.on('singleclick',function(evt){varview=map.getView();varviewResolution=view.getResolution();varsource=that.tiled_curRoadPolygon.getSource();...原创 2020-07-08 19:16:32 · 479 阅读 · 0 评论 -
Openlayers API-Select点击要素图层
Select是交互事件中的一种,用于选择矢量图层上的几何图形,添加选择交互事件后,点击地图上的几何图形或者将鼠标移动到几何图形上时,将获取到几何图形的相关信息,我们可以将选择的几何图形进行高亮显示。使用起来很简单,首先创建一个Select对象,然后再使用Map的addInteraction方法添加该对象。选择的事件包括Single-click, Click, Hover ,Alt+Click等。可以使用condition属性来指定事件类型。var select = new ol.interact.原创 2020-07-08 10:36:55 · 1790 阅读 · 0 评论 -
openlayers单击弹出属性对话框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Using Parcel with OpenLayers</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> <link rel="styleshe...原创 2020-07-08 10:27:27 · 881 阅读 · 0 评论 -
openlayers加载geojson图层的方法
导入import { Vector as VectorLayer } from 'ol/layer';import { Vector as VectorSource } from 'ol/source';import { Circle as CircleStyle, Fill, Stroke, Style } from 'ol/style';import GeoJSON from 'ol/format/GeoJSON';import axios from 'axios';直接以图层形式加.原创 2020-07-08 10:23:40 · 2303 阅读 · 0 评论 -
vue-openlayers 弹框-地图坐标
https://openlayers.org/en/master/examples/overlay.html?q=overlay这个效果是点击地图,弹出坐标信息。点击地图边缘时,底图会跟着移动,使弹窗能完整显示出来。<template> <div class="vm"> <h2 class="h-title">弹窗 popup</h2> <div id="map" class="map-x"></div>原创 2020-07-08 10:19:42 · 1278 阅读 · 2 评论 -
openlayers 截屏出图和框选范围出图
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metacharset="utf-8"/><title>地图打印(导...原创 2020-06-28 16:40:41 · 1812 阅读 · 0 评论 -
Openlayers API整理
1、创建地图Map创建地图底图:需要用new ol.Map({})地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI组件的控件control组成的。(1)、创建基本地图let map = new ol.Map({ target: 'map',//对象指向 layers: [//图层 new ol.layer.Tile({//这里定义的是平铺图层 source: new ol.sourc原创 2020-06-28 15:56:30 · 995 阅读 · 1 评论 -
Geoserver发布图层服务和地图影像服务
首页主页主要分为左侧的功能目录区,中间Geoserver各项指标统计区和服务类型指示区。我们大多的操作会在功能目录区和Geoserver各项指标区,当然实际使用时,这部分会由功能决定。使用步骤Geoserver的使用步骤和ArcGIS Server的使用步骤少有不同,这个不必在意。Geoserver的结构式在工作区中上传发布数据。所以一般情况下,我们先要创建工作区,然后上传数据,最后再发布服务,进行切图等操作。具体操作创建工作区 创建工作区可以在主页指标区点击“创建工作区”,进行创原创 2020-06-28 15:17:37 · 2006 阅读 · 0 评论 -
openLayers 坐标转换 EPSG:3857和EPSG:4326区别
fromLonLat() 方法是继承自ol.proj 这个类。fromLonLat将坐标从经度/纬度转换为其他投影。import { fromLonLat } from "ol/proj";在 openlayers 中创建map时候会有个view 属性,该属性下面会存在一个center属性。这个属性就是设置中心位置的坐标。如果不设置就没有中心,也毫无意义。projection 属性指定坐标系的类型。new View({ projection:'EPSG:3857',//坐标系类型 ...原创 2020-06-23 11:22:41 · 5159 阅读 · 3 评论 -
openlayers常用方法
openlayers中的一些方法;OpenLayers.Layer:;initialize:创建层Div,注册事件;destroy:注销;clone:克隆当前层;setName:设置层name;addOptions:添加附属属性;onMapResize:虚函数;redraw:重画;moveTo:移动;setMap:设置层所属的地图;removeMap:移除地openlayers 中的一些方法OpenLayers.Layer:initialize:创建层Div,注册事件destroy:注.原创 2020-06-19 14:21:48 · 2204 阅读 · 3 评论 -
openlayers笔记
2.setView中,zoom改变之后底图只缩放不更新加载:原创 2020-06-19 13:49:40 · 227 阅读 · 0 评论 -
GeoServer 安装教程
准备内容安装环境:win10*64位专业版安装文件:geoserver-2.15.2安装步骤安装JDK1、安装GeoServer是基于Java的环境,所以需要先装Jdk环境。2、前往官网下载Java SEhttp://www.oracle.com/technetwork/java/javase/downloads/index.html3、接受协议并下载相应版本4、配置环境变量(1)右击 “我的电脑”->属性->高级系统设置->环境变量->系统变原创 2020-06-19 13:45:53 · 7048 阅读 · 0 评论