openlayers3 - 程序员宅基地

Openlayers3结合百度地图API实现定位与展示

本文结合Openlayers3和百度地图API实现web上地图的展示，定位与展示功能，并可通过PC或者移动端访问。

OpenLayers3 get specified layer（openlayers3获取指定的layer)

if (ol.Map.prototype.getLayerByName === undefined) { ol.Map.prototype.getLayerByName = function (name) { var layer; ...

OpenLayers扩展插件系列之ol-cesium，ol-cesium库介绍和使用，OpenLayers地图中如何集成ol-cesium插件，...

ol-cesium是一个将OpenLayers与Cesium（一个基于 WebGL 的虚拟地球引擎）集成的库，可以在 OpenLayers 中使用 Cesium 提供的 3D 地图功能。ol-cesium允许开发者在 OpenLayers 的 2D 地图之上添加 Cesium 提供的强大...

OpenLayers扩展插件系列之ol-wind：ol-wind介绍和如何在OpenLayers地图中使用ol-wind风场图扩展插件，html...

标签： html vue.js 前端

ol-wind 是一个基于 OpenLayers 的 JavaScript 库，用于在 Web 地图上实现风向和风速的可视化效果。ol-wind 主要用于展示风场数据，并以动态、直观的方式展示风向和风速信息。Vue+OpenLayers6实战，OpenLayers6使用...

openlayers3学习--简介

标签： openlayers openlayers3 ol3

官网https://openlayers.org/ 一、官方简绍：A high-performance, feature-packed library for all your ...OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vec...

openlayers

标签： openlayers

openlayers 画线方法，资料共享，资料共享，资料共享，资料共享

OpenLayers6实战，OpenLayers实现绘制圆形放大地图功能，在地图上画圆放大地图到鼠标框选区域

标签：前端 vue.js javascript

本章讲解如何使用OpenLayers实现绘制圆形放大地图功能，在地图上画圆放大地图到鼠标框选区域。

vue openlayers 大屏可视化基础模版

标签：大屏可视化 openlayers

组件式开发,开箱即用

vue openlayers 流动线效果

标签： openlayers 流动线

资源下载不可直接运行，下载前可查看博客：https://blog.csdn.net/KK_bluebule/article/details/125694548 资源可供参考，因为只是一个vue页面和json测试数据

关于openlayers 3 修改Feture中的style不实时刷新问题

标签： openlayers3 Feature.style

在百度了大量的资料之后，仍然一无所获。之前是打算实现如css的hover的效果。然后，发现在修改了Feature的style之后，需要改变地图层级样式才能够重绘。一开始的想法是：既然地图不重绘，那么我就让它重绘就好了因此...

Vue+OpenLayers6入门教程汇总目录，OpenLayers教程，Vue+OpenLayers中文文档，OpenLayers手册，OpenLayers6...

标签： javascript vue.js 前端

OpenLayers介绍，相比较其他地图引擎有什么优点四种流行地图引擎比较Gis开发入门，OpenLayers、Leaflet、Maplibre-gl和Cesiumjs地图引擎介绍以及几种地图服务vms、vmts介绍。

vue3对openlayers使用（加高德，天地图图层）

标签： javascript 前端 vue.js

WebGIS四大框架：== Leaflet、OpenLayers、Mapbox、Cesium ==OpenLayers 是一个强大的开源 JavaScript 地图库，专注于提供可嵌入网页的交互式地图体验。作为一款地理信息系统（GIS）的前端开发工具，OpenLayers 提供...

openlayers api

标签：源码工具

NULL 博文链接：https://clarkhill.iteye.com/blog/2087745

Openlayers 教程 - 以单位米为半径，绘制圆形图形要素

标签： openlayers创建圆 ol 以米为单位创建圆 openlayers 米创建圆

Openlayers 教程 - 以单位米为半径，绘制圆形图形要素。

【Openlayers9】Openlayers修改控件的默认位置

标签： javascript html

然后就能实现啦，而且不会有那个灰色的条条，或者也可以重新复制个ol.css，在里面改也行。可见对overview不管用。要不然，直接修改ol.css，就行。可以看到全屏控件从右边移到左边，并且还有一条不透明灰色的条带。...

OpenLayers使用

标签： javascript 前端 vue.js

最近项目有用到ol来加载地图并进行一些常规的操作，ol的官网以api的格式来写的，而且全英文，对新手来说简直太不友好了（碎碎念）所以写个文章来记录一下，以备不时之需。

学习vue加OpenLayers（3）动画 GIF

标签：动画 vue.js

不知道为什么官网的案例一直说没有gifler()方法，所以我又去网上查了查，发现openlayers官方API上是不支持gif的，openlayer 里面支持 gif 图标上图的只有 overlay类。案例 gjf图片定位在地图的一些点上，这个我也是...

openlayers3在地图上定义feature的鼠标移入移出事件

ol3提供了鼠标在feature上的鼠标移入事件，但是并没有提供移出事件所以移出事件是要自定义的，具体思路如下： 1、绘制一个点、线、面的时候会得到一个feature对象使用这个feauture对象注册mousein监听 obj_...

【Openlayers9】openlayers移除最顶层图层

标签： javascript 开发语言 ecmascript

collection的长度通过getLength()来获得，然后用removeLayer就行了。去除最顶层的图层需要先获取map里的所有图层，layers=map.getLayers();这时候layers是一个collection，需要用item来获取里面的个体。...

Vue+OpenLayers7入门到实战：OpenLayers如何使用全屏控件，来实现地图容器的全屏和退出全屏功能

标签： vue.js 前端 javascript

本章介绍如何使用OpenLayers7在地图上使用地图全屏控件，来控制地图容器的全屏和退出全屏的功能。注意：这里的全屏控件全屏指的是地图容器全屏，并非整个网页全屏。《Vue+OpenLayers7入门到实战：OpenLayers如何实现...

Openlayers绘制地图标注

标签： lay nl 地图地图标注

在Openlayers3里面，有两种对地理位置点进行标注的方法，一种是通过创建矢量图层然后设置其样式的方法，还有一种就是创建Overlay覆盖层的方法；对于第一种方式，本质上创建的还是一个矢量对象，只是将其表现形式更换...

OpenLayers6入门，OpenLayers平移地图到指定位置，地图平移动画效果

标签：前端 javascript vue

其他地图跳转位置方式：Openlayers入门，Openlayers调整中心点坐标、Openlayers调整缩放级别、Openlayers调整地图可视角度和地图复位OpenLayers入门，OpenLayers视图飞行动画，OpenLayers飞行到指定经纬度位置。

在 vue.js 中npm安装openlayers3 图宽高无法通过修改容器大小控制

标签： openlayers3 react vue.js

![问题](https://img-ask.csdn.net/upload/201805/20/1526829442_759908.png) 以上为为题演示 !... 以上为源码，之前怀疑是我的样式污染，所以使用了纯净的webpack和ol3构建，但是宽高无法通过修改容器大小生效

openlayers3 报错 Uncaught TypeError: M.split is not a function

标签： openlayers3 Uncaught TypeError M.split is not a function

问题描述：点击选中多边形区域时报错：Uncaught TypeError: M.splitis not a function换成debug的ol文件，详细错误为：UncaughtGoog.asserts.AsserttionError{message: “Assertion failed: 4th instruction should ...

OpenLayers入门，使用OpenLayers叠加多边形、圆形、线段和点要素到地图上

标签： gis地图 OpenLayers OpenLayers叠加要素

本章详细介绍一下如何使用OpenLayers叠加多边形、圆形、线段和点要素到地图上，并设置样式。要叠加这些元素到地图上，首先要理解OpenLayers的结构。就如同photoshop这些图像编辑软件和游戏引擎一样，OpenLayers是...

openlayers3学习-创建地图，添加、移除监听事件

标签： ol

一、入门实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="../ol.css" rel="stylesheet"/&...script src="....