xiao猪仙的博客

Openlayers6将圆（Circle）对象转化为多边形（Polygon）在openlayers中如何通过一个圆（ol.geom.Circle）对象得到一个（ol.geom.Polygon）对象呢？解决方法：openlayers的ol.geom.Polygon提供了fromCircle这个方法,这个方法就是通过一个圆得到一个正多边形，下面是Polygon.js里面fromCircle方法的源码。可以结合API说明看到，方法有三个参数：1.circle：一个ol.geom.Circle对象；

基于Vue的Openlayers6自定义测量组件，直接拿来用一级目录二级目录三级目录在做WebGIS项目开发时，往往都有一个测量的基础功能，这个功能虽然不算太难，但是往往确花费不少的时间去完成，以前都是基于jQuery或原生js去做，现在基于Vue还得改，索性花上一天时间，模仿了其他平台的测量功能效果做一个组件，包含了距离测量、面积测量和角度测量，下次可以直接拿来用。下面是效果图：一级目录二级目录三级目录...

Openlayers6 要素的绘制、编辑、GeoJson格式输出1. 问题描述2.代码实现1. 问题描述在使用openlayers开发时，遇到过交互绘制、编辑要素，有时还需要存储要素，今天就写一个demo简单粗暴地记录一下这三个功能实现。各位有需要的Giser可以借鉴，如有指正和建议欢迎给评论哦~~2.代码实现<template> <!-- 绘制、编辑、输出GeoJson数据 --> <div id="map" style="width:100%;height

解决OpenLayers加载鹰眼地图时出现的闪烁问题问题描述分析原因解决方案问题描述上次使用OpenLayers加载了天地图，但是在加载OverviewMap时，会出现视图闪烁，要么鹰眼图空白，要么主视图空白等问题。分析原因刚一开始不知道是什么原因，后来猛然发现鹰眼图和主视图的Layers使用的是同一图层数据源，为了判断是不是使用相同图层造成的，在OverviewMap的Layers上重新new了两个图层，居然解决了这个问题。解决方案避免鹰眼图和主视图使用相同图层(Layers)，但是其图层使用

Openlayers加载天地图说明加载方法效果说明在加载OpemStreeMap时访问很慢，我们可以添加一下国内的地图，比如天地图，天地图是国家地理信息公共服务平台公众版成果，是由国家测绘局主导建设的为公众、企业提供权威、可信、统一地理信息服务的大型互联网地理信息服务网站，旨在使测绘成果更好地服务大众。在使用天地图作为地图是我们需要去天地图官网申请秘钥。加载方法在Openlayers中可以这样来加载天地图。1.先引入模块：import { XYZ } from "ol/source";impo

OpenLayers加载鹰眼、比例尺、坐标主要内容加载鹰眼控件加载比例尺控件加载坐标显示关键代码主要内容上一期说的如何基于Vue创建OpenLayers应用，这次说说如何加载常用的OpenLayers控件，主要有鹰眼、比例尺、坐标显示。加载鹰眼控件1.根据官方文档，首先引入依赖我们可以这样引入import { OverviewMap, defaults } from "ol/control";2.添加鹰眼控件代码定义map的control属性，实例化一个鹰眼地图，这里注意鹰眼图不显示或

OpenLayers基于Vue项目的搭建

初识开源WebGIS库—OpenLayers OpenLayers 简介配合其他开源软件的使用OpenLayers 简介OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包，用于实现标准格式发布的地图数据访问。相比于ESRI的ArcGIS API for JavaScript，OpenLayers 的优点就是免费~~，但是随着开源GIS的发展，OpebLayers的功能也在日益完善，在有些项目中完全可以替代ArcGIS API for JavaScript。以下