Openlayer

Vue3.0 Openlayers教程

Vue3.0Openlayers教程.png1、Vue3.0第一个地图.png2、Vue3.0加载高德地图.png3、Vue3.0实现一个简单的气泡弹窗.png4、Vue3.0显示多个点要素.png5、
星星编程·2021-04-01 10:44

【openlayers】基本概念

1.地理坐标系常见的为以下3种：WGS84坐标系GCJ02(火星)坐标系BD09(百度)坐标系国内基本上使用后面2者。2.投影坐标系投影坐标系使用基于X,Y值的坐标系统来描述地球上某个点所处的位置。投影坐标系由以下参数确定:地理坐标系(如WGS84)投影方法(如Mercator投影)2.1常见的投影方式EPSG:4326(经纬度投影)EPSG:3857(球面墨卡托投影)看资料的时候发现EPSG:4
·2021-03-16 00:39

不爽的一天

讨厌OpenLayers，加一个marker超麻烦，加一个能拖动的marker更加的费事。讨厌arcgis，只想用它的切片组件，非要授权许可，还非要宿主安装ar
大洪·2021-03-11 16:14

开源地图简单对比

开源地图引擎开源协议地图引擎对比数据获取时间2020-8-10name-mapleafletopenlayermapbox-glcesium周下载量3740149950735228916903githubstar28.6k7.3k6.2k6k
·2021-02-22 22:37

OpenLayers3加载常用控件使用方法详解

本文实例为大家分享了OpenLayers3加载常用控件使用的具体代码，供大家参考，具体内容如下1.前言地图控件就是对地图的缩放、全屏、坐标显示控件等，方便我们对地图进行操作。
·2021-02-08 10:45

geoservice地图openlayers图层+echart图表政区添加色块

先看效果图：openlayers案例+api：https://openlayers.org/en/latest/examples/https://openlayers.org/en/latest/apidoc
清云青云·2021-01-26 18:45

openlayers6 快速定位（已知四个点坐标）

rapidPositioning(row){letpolygon=此处省略newPolygon();this.map.getView().fit(polygon,{padding:[170,50,30,150]});},已知四点坐标，初始化多边形，自动定位到多边形即可。
膨胀的泡·2021-01-26 09:11

openlayers源码分析（1）

1准备//码云fork，速度快gitclonehttps://gitee.com/solfKwolf/openlayers.git//以v5.3版本为准gitcheckoutv5.3.02入口文件src
solfKwolf·2021-01-19 21:53

vue结合openlayer的使用

Vue结合openlayer加载geoserver图层（imageWms）的弹框geoserver中imageWMS添加popup弹框geoserver中imageWMS添加popup弹框查看图片图层包含的图块信息
青峦。·2021-01-17 21:49

基于OpenLayers+rbush实现高德轨迹样式

一前言  近期翻阅博客，看到社区大神一休哥的一篇《canvas奇巧淫技（二）绘制箭头路径效果》文章，同样，该大神还展示过一个使用rbush库如何在前端快速从海量数据进行空间检索的案例：https://alex2wong.github.io/mapbox-plugins/examples/rbush/，很有分享精神的前端GIS专家，更多关于前端GIS检索数据的技术可参考搜狐的干货专访:《深入理解空间
遥想公瑾当年·2021-01-14 06:38

openlayer在ie11渲染大量feature拖动卡顿问题

环境说明ie11openlayerv4.6.5(其实在ie上[email protected]也会出现这个问题)postgis+MVT造成原因ie在加载矢量图层之后会缓存加载过的点位（待确定），因此，加载的feature
看见了·2021-01-12 09:01

vue+openlayers+geoserver实现图层展示（地图、点、线、圆、实时位置、轨迹回放）

一、geoserver安装及配置1、安装安装参考文献2、修改配置文件修改：E:\GeoServer2.13.1\webapps\geoserver\WEB-INF\web.xml文件。打开以下注释，以便解决跨域问题3、修改Data中权限删除原有write权限（原权限有用户限制）添加write权限使write权限赋予所有用户。4、建立工作区，并定义命名空间
一梦无痕bzy·2021-01-03 17:35

openlayers画虚线 (十四)

在openlayers中画虚线主要是通过设置Style对象中Stroke里的lineDash属性来实现，lineDash在官网文档描述中很模糊，只说了它是一个数组，再尝试后发现规律过来记录一下这个属性。
吴佩佩佩佩·2020-11-26 16:19

openlayers绘制圆形时设置半径以米为单位

ol.geom.Circle半径参数radius单位是什么？ol.geom.Circle方法有三个参数其中radius便是半径，但是官方文档没有明确说明其单位，只是说radius是number类型，很坑。ol.geom.Circle设置半径的单位是随投影的单位。然后继续看api文档发现setRadius这个方法是设置图形的半径。然后一句关键的话，官网原话：Settheradiusofthecirc
亲爱的阿乾·2020-11-18 06:16

openlayers中实现圈选、多边形选择点要素

/***添加画图圈圈*/functiondrawInteraction(Googlemap,features,layers){varsource=newSourceVector({features:features,})vardraw=newolInteraction.Draw({source:source,type:"Polygon",//为多边形Circle为圆形});Googlemap.ad
Mingchen Shao·2020-11-13 18:00

openlayers绘制圆形时设置半径以米为单位

ol.geom.Circle半径参数radius单位是什么？ol.geom.Circle方法有三个参数其中radius便是半径，但是官方文档没有明确说明其单位，只是说radius是number类型，很坑。ol.geom.Circle设置半径的单位是随投影的单位。然后继续看api文档发现setRadius这个方法是设置图形的半径。然后一句关键的话，官网原话：Settheradiusofthecirc
亲爱的阿乾·2020-11-13 12:49

OpenLayers - Accessible Map(1) - zoom操作

Thispage'smapelementhasitstabindexattributesetto"0",thatmakesitfocusable.Tofocusthemapelementyoucaneithernavigatetoitusingthe"tab"keyorusetheskiplink.Whenthemapelementisfocusedthe+and-keyscanbeusedtoz
yo208·2020-10-10 21:59

openlayers6 使用ol.map＞ol.view center属性无效及解决方案

openlayers6使用ol.map>ol.viewcenter属性无效及解决方案原因分析：原因分析：Theinitialcenterfortheview.Ifauserprojectionisnotset
少年啦1997·2020-10-09 23:35

angular使用openlayers6以及加载百度地图

angular中使用openlayers本来是没什么难度的，但是如果要加载百度地图还是有些问题的，在openlayers3中坐标是从原点右上递增，而openlayers6中是右下递增，这就导致使用百度地图作为底图时出现图层错乱的问题
不要葱花·2020-09-30 22:39

Openlayers3实现车辆轨迹回放功能

记录基于geoserver地图服务，Openlayers3在web前端实现车辆轨迹回放功能，并记录和解决过程中出现的linestring只描绘部分经纬度坐标问题。
·2020-09-29 17:54

Openlayers绘制聚合标注

本文实例为大家分享了Openlayers实现聚合标注的具体代码，供大家参考，具体内容如下1、聚合标注聚合标注是指在不同的地图分辨率下，通过聚合的方式来展示标注点的一种方法，其目的就是为了减少当前视窗中加载的标注点的数量
·2020-09-28 17:31

Openlayers绘制地图标注

本文实例为大家分享了Openlayers绘制地图标注的具体代码，供大家参考，具体内容如下1、标注的简介标注简单点说就是通过图标、文字等方式将我们想展示的内容显示在地图上，着重突出人们所关注的专题内容，从而为用户提供个性化的地图服务
·2020-09-28 14:24

Openlayers实现地图的基本操作

本文实例为大家分享了Openlayers实现地图基本操作的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个Div标签和4个Button
·2020-09-28 12:21

Openlayers实现图形绘制

本文实例为大家分享了Openlayers实现图形绘制的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签、label标签和一个select
·2020-09-28 12:50

Openlayers显示瓦片网格信息的方法

本文实例为大家分享了Openlayers显示瓦片网格信息的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签，用来作为地图加载的容器；2、
·2020-09-28 12:50

Openlayers实现地图全屏显示

本文实例为大家分享了Openlayers实现地图全屏显示的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个div标签，用来作为地图加载的容器
·2020-09-28 12:50

OpenLayers3实现鼠标移动显示坐标

本文实例为大家分享了OpenLayers3实现鼠标移动显示坐标的具体代码，供大家参考，具体内容如下1.前言鼠标移动显示坐标，OpenLayers3框架提供了鼠标移动显示坐标的控件（ol.control.MousePosition
·2020-09-28 11:14

Openlayers显示地理位置坐标的方法

本文实例为大家分享了Openlayers显示地理位置坐标的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和鼠标位置控件的容器
·2020-09-28 11:41

Openlayers学习之加载鹰眼控件

本文实例为大家分享了Openlayers学习之加载鹰眼控件，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个div标签，用来作为地图加载的容器
·2020-09-28 11:41

Openlayers学习之地图比例尺控件

本文实例为大家分享了Openlayers地图比例尺控件的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和比例尺控件的容器
·2020-09-28 11:39

OpenLayer3自定义测量控件MeasureTool

一直苦恼于OpenLayer3没有现成的测量工具，看了歪果仁做的图层控件，于是自己结合了官网上的measure实例和歪果仁的模板鼓捣出了一个测量工具控件。
·2020-09-28 10:31

Openlayers实现距离面积测量

本文实例为大家分享了Openlayers实现距离面积测量的具体代码，供大家参考，具体内容如下CSS.ol-tooltip{position:relative;background:rgba(0,0,0,0.5
·2020-09-28 10:01

Openlayers+EasyUI Tree动态实现图层控制

本文实例为大家分享了Openlayers+EasyUITree动态实现图层控制的具体代码，供大家参考，具体内容如下功能介绍主要功能根据openlayers3.0与easyUItree功能实现图层显隐控制功能
·2020-09-28 10:59

Openlayers实现测量功能

本文实例为大家分享了Openlayers实现测量的具体代码，供大家参考，具体内容如下由于公司项目需要使用到openlayers，就开始学习了openlayers，其中有一个需求需要用到测量功能，就参考《
·2020-09-25 18:31

OpenLayers3实现测量功能

本文实例为大家分享了OpenLayers3实现测量功能的具体代码，供大家参考，具体内容如下1.前言测量功能实现面积的测量以及长度的测量。通过鼠标绘制区域以及长度来进行测量。
·2020-09-25 16:57

OpenLayers3实现地图鹰眼以及地图比例尺的添加

本文实例为大家分享了OpenLayers3实现地图鹰眼以及地图比例尺的添加的具体代码，供大家参考，具体内容如下1.前言地图鹰眼就是地图的鸟瞰图，就是通常所说的小地图，我们可以通过鹰眼得到当前地图的显示位置
·2020-09-25 16:56

openlayers4.6.5实现距离量测和面积量测

本文实例为大家分享了openlayers4.6.5实现距离量测和面积量测的具体代码，供大家参考，具体内容如下版本：openlayers4.6.5效果图：小插曲：原本使用ol官方提供的量测例子，就挺不错的
·2020-09-25 16:25

OpenLayers3实现对地图的基本操作

本文实例为大家分享了OpenLayers3实现对地图的基本操作代码，供大家参考，具体内容如下1.前言对地图的基本操作就是对地图的放大、缩小、移动、复位和更新等，通过使用OpenLayers3框架中操作地图视图
·2020-09-25 16:25

Openlayers测量距离与面积的实现方法

本文实例为大家分享了Openlayers测量距离与面积的具体代码，供大家参考，具体内容如下1、地图测量功能一般的地图的测量功能主要表现在两个方面，一是测量距离，一是测量面积；面积的测量是根据鼠标绘制的范围
·2020-09-25 16:54

OpenLayers3实现图层控件功能

本文实例为大家分享了OpenLayers3实现图层控件的具体代码，供大家参考，具体内容如下1.前言在实际应用中，我们将加载到地图容器中的图层通过图层显示的控件功能，来显示加载的图层，便于用户查看与操作，
·2020-09-25 12:23

OpenLayers实现图层切换控件

OpenLayers并没有封装图层切换的控件，所以我们需要自己来实现图层控件。自定义图层切换控件的原理很简单：显示某个图层时，将其他图层隐藏。
·2020-09-25 12:21

openlayers实现图标拖动获取坐标

本文实例为大家分享了openlayers实现图标拖动获取坐标的具体代码，供大家参考，具体内容如下本文所涉及的技术如下：openlayers加载国家天地图和浙江天地图，图标拖动获取位置，openlayers
·2020-09-25 11:15

OpenLayers3实现地图显示功能

本文实例为大家分享了OpenLayers3实现地图显示的具体代码，供大家参考，具体内容如下1.配置开发环境使用OpenLayers3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openlayers
·2020-09-25 09:12

openlayers实现地图弹窗

本文实例为大家分享了openlayers实现地图弹窗的具体代码，供大家参考，具体内容如下Ol3popupbody,#map{border:0px;margin:0px;padding:0px;padding
·2020-09-25 09:09

openlayers实现地图测距测面

本文实例为大家分享了openlayers实现地图测距测面的具体代码，供大家参考，具体内容如下项目背景vue-cli3.0public下html需要引入文件.
·2020-09-25 09:39

vue-openlayers实现地图坐标弹框效果

本文实例为大家分享了vue-openlayers实现地图坐标弹框的具体代码，供大家参考，具体内容如下openlayers这个效果是点击地图，弹出坐标信息。
·2020-09-24 18:59

vue集成openlayers加载geojson并实现点击弹窗教程

本文实例为大家分享了vue+openlayers加载geojson并实现点击弹窗教程，供大家参考，具体内容如下第一步：安装vue-clicnpminstall-g@vue/cli第二步：新建一个项目1.
·2020-09-24 18:27

openlayers 3实现车辆轨迹回放

本文实例为大家分享了openlayers3实现车辆轨迹回放的具体代码，供大家参考，具体内容如下先上效果：利用openlayers3地图的postcompose事件监听地图的重绘注意：此代码是我在Vue的
·2020-09-24 17:35

Vue+Openlayers自定义轨迹动画

本文实例为大家分享了Vue+Openlayers实现轨迹动画的具体代码，供大家参考，具体内容如下OpenlayersTrack{{progress}}%运动速度: {{textContent}
·2020-09-24 16:51

vue使用openlayers实现移动点动画

本文实例为大家分享了vue使用openlayers实现移动点动画的具体代码，供大家参考，具体内容如下做项目时，本来打算仿照官网的Example中动画制作，引入vue中后，发现它引用的库函数一直报错，最后我去
·2020-09-24 16:50
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他