首页 > TAG信息列表 > ol

ath10k Openwrt 适配

ath10k Openwrt 适配(QCA9563+QCA9886) 来源 https://www.mr-cn.net/2020/06/08/ath10k-router-openwrt/   宿舍设备密度太太太大,2.4G的无线几乎没法用,不管是学校的AP还是自己的路由都卡成屎,所以没法必须搞个5G+802.11AC的路由。 总方向自然是越便宜越好,但是以后还是有机会用到的,

# openlayers实现热力图效果

openlayers实现热力图效果 这个在之前的博客里面分享过了,再稍微说一下。 先说效果,最终实现的效果就是下面这个样子的,如果需要的话就接着看,如果不是这个样子就不要看了。 使用 vue 项目导入 openlayers 这个就不说了,如果需要的话去看之前的博客。 使用热力图其实和添加点是一样

学习Js-day17

轮播图 简单轮播图的实现: (自动轮播,小圆点切换图片,左右按钮切换图片,鼠标移入有左右切换图标,移出消失,鼠标悬停停止轮播,移开继续轮播) HTML 首先是html内容,布局很简单,一个图片列表,两个按钮 <div class="box"> <!-- 移动的是这个ul --> <ul class="banner">

vue+openlayer实现地图聚合效果和撒点效果

前言:   openlayer是目前我们gis常用的一款开源的,并且反馈都特别好的软件了,像之前的ol3, 风靡一时,地图实现也很简单,很实用,目前vue中使用地图也是非常多的,那么如果在vue中引入openlayer并且实现地图撒点效果,甚至是更深层的地图聚合效果呢,本文来分享下vue中地图的实现。目前o

openlayers arcgis

  var map = new ol.Map({ target: target, view: new ol.View({ zoom: 11, //默认层级,最小是9,最大是13 center: [locationLG, locationLT], //默认中心点位 origin: [46

ol3禁用掉默认的拖动、旋转等交互

var map = new ol.Map({   controls: ol.control.defaults({     attributionOptions: /** @type {olx.control.AttributionOptions} */ ({                collapsible: true     })   }).extend([        ]),   layers: [localla

ol3调用wms

<!DOCTYPE html> <html>   <head>     <title>WMS GetFeatureInfo (Image Layer)</title>     <link rel="stylesheet" href="http://openlayers.org/en/v3.15.1/css/ol.css" type="text/css">     <sc

openlayers关于ol-wind的层级堆叠问题失效的解决方案

openlayers关于ol-wind的层级堆叠问题失效的解决方案   风场图层挡住了其他的标注点位 然后就按照文档设置了zIndex 并没有什么卵用那么解决办法如下。然后就可以按照你设置的zIndex生效了。很尿性哦       className: 'ol-wind-layer'        本题目解决方案参考

基于OpenLayers使用WFS实现GeoServer地图要素的增删改查

1. 概述 Web Feature Service(WFS)接口标准定义了一组接口,用于在Internet上访问要素和要素属性级别的地理信息。WFS提供了检索或查询矢量要素的方法,这种方法独立于它们发布的底层数据存储,WFS还可以更新或删除矢量要素。WFS的实例还能够存储查询,以便使客户机应用程序能够在稍后的时间

openlayers3 导出pdf

<!DOCTYPE html> <html> <head> <title>Export PDF example</title> <link rel="stylesheet" href="http://openlayers.org/en/v3.13.0/css/ol.css" type="text/css"> <script src="

openlayers3 全屏控件

<!DOCTYPE html> <html>   <head>     <title>Full Screen Drag, Rotate, and Zoom</title>     <link rel="stylesheet" href="http://openlayers.org/en/v3.13.0/css/ol.css" type="text/css">     <

openlayers3 getJson格式

<!DOCTYPE html> <html>   <head>     <title>GeoJSON</title>     <link rel="stylesheet" href="http://openlayers.org/en/v3.13.0/css/ol.css" type="text/css">     <script src="http://ope

使用Shapefile-js读取shp文件并使用WebGL绘制

1. 引言 坐标数据是空间数据文件的核心,空间数据的数据量往往是很大的。数据可视化是GIS的一个核心应用,绘制海量的坐标数据始终是一个考验设备性能的难题,使用GPU进行绘制可有效减少CPU的负载,提升绘制时的速度 shapefile是空间数据文件常用的格式,Shapefile-js提供了编写简单的JavaSc

爬虫实战(五):爬豆瓣top250

目录爬虫实战(五):爬豆瓣top250一、网址分析1、 页面分析2、 源码分析3、 内容解析4、 链接分析二、编写代码1、 获取每页url2、 获取ol里面的li标签3、 获取数据4、 数据清洗三、完整代码 爬虫实战(五):爬豆瓣top250 一、网址分析 1、 页面分析 通过抓包分析,可得数据不是动态加载出来的

OL Search - 一个 Openlayers API 快速访问拓展

为什么 openlayers的API文档内容是极好的,然而使用起来却一言难尽。 一般的查api的方式有以下两种: 搜索引擎

openlayers 3 -ol3中的缓冲区分析依赖于ol.extent的方法

ol.extent Methods ol.extent.applyTransform(extent, transformFn, opt_extent){ol.Extent} src/ol/extent.js, line 863 Apply a transform function to the extent. Name Type Description extent ol.Extent Extent. transformFn ol.TransformFun

openlayer-ol3中使用 echarts3

?<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %> <!DOCTYPE html> <html> <head runat="server">     <meta name="viewport" content="width=device-width" />     <

vue加载离线地图

一.通过工具下载瓦片地图的图片 1.91卫图助手 (企业版需要激活) 2.迈高图 (需要会员,没有会员限制下载数量并且有水印) 3.地图下载器 (免费挺好用的) 二.OpenLayers的使用 1.安装依赖 npm install ol 2.创建 OpenLayers 组件 <template> <div class="openlayer"> <div i

基于PostGIS使用GeoServer发布数据量大的GPS轨迹路线图

1. 引言 人类在行走或者驾驶过程中产生的GPS轨迹,是道路的一种采样,根据GPS轨迹路线,我们可以推知道路的存在,根据轨迹的密度,可以推知道路的热度以及重要性。如何才能在地图中显示大量的轨迹,这是一个值得思考的问题。诚然,可以直接加载原始轨迹数据,但是这会造成极大的网络压力。地图切

# vue openlayer 添加风场效果

vue openlayer 添加风场效果 一个简单的小demo,就是在一个openlayers地图上面添加风场效果。 话不多说,直接进入正题。 首先我们需要安装一个插件。 插件地址:https://www.npmjs.com/package/ol-wind npm install ol-windy --save 然后我们需要一个数据来绘制风场,我在文件最后上传一

Html5+Css3随心笔记

ul标签——无序列表  ol标签——有序列表  ol标签的排序类型有: 1 默认。十进制数字 (1, 2, 3, 4)。 a 字母顺序的有序列表,小写 (a, b, c, d)。 A 字母顺序的有序列表,大写 (A, B, C, D)。 i 罗马数字,小写 (i, ii, iii, iv)。 I 罗马数字,大写 (I, II, III, IV)。  

用 getElementsByTagName() 来获取,父元素指定的子元素

1. html 结构 <ul> <li>知否知否,应是等你好久11</li> <li>知否知否,应是等你好久11</li> <li>知否知否,应是等你好久11</li> <li>知否知否,应是等你好久11</li> </ul> <ol id="ol"> &l

vue 使用 openlayer 实现测距功能

vue 使用 openlayer 实现测距功能 首先呢说明一下,我是跟着一个大佬学的,所以我是个小次佬,openlayer的官网上面给出了案例,但是习惯vue开发的我完全不理解,关键是连注释都没多少,而且我 openlayer 用的本来就不多。 然后这里分享一下官网的测距案例:https://openlayers.org/en/latest/ex

# openlayer 热力图显示

openlayer 热力图显示 相关库类 import moment from 'moment' import Projection from 'ol/proj/Projection' import Static from 'ol/source/ImageStatic' import Map from 'ol/Map' import ImageLayer from 'ol/layer/Image&

OpenLayers入门练习

一、实验内容 练习OpenLayers的引用形式; 简单地图加载; 控件加载。 二、实验步骤 2.1 ol引用 <!doctype html> <html lang="zh"> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en