openlayers 实例教程分享

OpenLayers3示例   

记录一个openlayers 实例教程网址

1、WebGIS简介 · 语雀

记录一个openlayers入门教程

地图坐标系转换 - Online Tools 

记录一个国家2000坐标转换工具的方法

记录一次我使用openlayers 开发地图的实例，实现了打点，弹窗，聚合

<template><div id="Map" ref="map"></div><div ref="popup" class="popupbox" v-show="shopPopup"><a class="close" ref="close" href="javascript:void(0)"><el-icon><Close @click.stop="close" /></el-icon></a><p class="title">闸门信息</p><div class="info"><ul><li>闸门名称：<span class="spc">{{ zmName }}</span></li><li>瞬时流量：<span class="spc">{{ ssLiuLiang }}</span></li><li>累计流量：<span class="spc">{{ leiJi }}</span></li><li>闸门开度：<span class="spc">{{ zhaMen }}</span></li></ul></div></div>
</template>
<script>
import 'ol/ol.css'
import TileLayer from 'ol/layer/Tile'
import VectorLayer from 'ol/layer/Vector'
import VectorSource from 'ol/source/Vector'
import XYZ from 'ol/source/XYZ'
import { Map, View, Feature, Overlay } from 'ol'
import { Style, Fill, Stroke, Icon, Text } from 'ol/style'
import { Point } from 'ol/geom'
import { defaults as defaultControls, ZoomSlider } from 'ol/control'
import { fromLonLat, toLonLat } from 'ol/proj'
import doumen from '@/assets/mapdata/doumen.json'
import liuchuan from '@/assets/mapdata/zong_pipe.json'
import allMap from '@/assets/mapdata/allMap.json'
import douqu from '@/assets/mapdata/zong_canal.json'
import branch_pipe from '@/assets/mapdata/branch_pipe.json'
import main_pipe from '@/assets/mapdata/main_pipe.json'
import shank_pipe from '@/assets/mapdata/shank_pipe.json'
import side_pipe from '@/assets/mapdata/side_pipe.json'
import zhiqu from '@/assets/mapdata/shushuiquxi_zhiqu.json'
import douguan from '@/assets/mapdata/douguan.json'
import zhiguan from '@/assets/mapdata/guandao_zhiguan.json';
import ganguan from '@/assets/mapdata/guandao_ganguan.json';
import shushuidouqu from '@/assets/mapdata/shushuiquxi_douqu.json'import { benzhanList, szyInfo, modbusInfo } from '@/api/first/benzhan'
import GeoJSON from 'ol/format/GeoJSON'
import Cluster from 'ol/source/Cluster.js'
// 边界json数据
export default {data() {return {map: null,zmName: '',ssLiuLiang: '',leiJi: '',zhaMen: '',pointLayer: null,pointLayer1: null,featuresArr: [],featuresArr1: [],shopPopup: false,popup: null,atzoom: '', // 当前缩放比例clusterSource: null // 聚合要素}},methods: {/*** 初始化地图*/initMap() {this.map = new Map({target: 'Map',controls: defaultControls({zoom: true// 添加鹰眼图的控件}).extend([]),layers: [new TileLayer({source: new XYZ({url:'http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}'})})],view: new View({center: fromLonLat([104.4143, 36.6604]),zoom: 13,maxZoom: 19,minZoom: 4})})this.map.addControl(new ZoomSlider())this.map.on("singleclick", evt => {var position = evt.coordinate;console.log(position);this.clickMap(evt);})},/*** 白银市地理数据*/setBackColor() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(allMap)const vectorSource = new VectorSource({ features: features })// 白银市地理数据const lineLayer = new VectorLayer({zIndex: 0,source: vectorSource})lineLayer.setStyle(new Style({fill: new Fill({ color: 'rgba(38,60,217,0.5)' }),stroke: new Stroke({width: 1,color: [71, 137, 227, 1]})}))this.map.addLayer(lineLayer)},/*** 加载刘川灌区*/// 加载刘川地理数据addGeoJson() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(liuchuan)const vectorSource = new VectorSource({ features: features })// 设置矢量数据源const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})const style = new Style({stroke: new Stroke({width: 2,color: '#fff'}),fill: new Fill({color: '#B9D9EB44'})})lineLayer.setStyle(style)this.map.addLayer(lineLayer) // 把图层添加到地图},/*** 加载刘川斗渠数据*/addGeoJsonone() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(douqu)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},/*** 加载支渠*/addZhiqu() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(zhiqu)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},/*** 加载斗管*/addDouguan() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(douguan)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},/*** 加载只管*/addZhiguan() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(zhiguan)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},/*** 加载干管*/addGanGuan() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(ganguan)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},//  加载输水斗渠addShushuiDouqu() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(shushuidouqu)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},//addGeoone() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(branch_pipe)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},main_pipe() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(main_pipe)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},side_pipe() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(side_pipe)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},shank_pipe() {const features = (new GeoJSON({ featureProjection: 'EPSG:3857' })).readFeatures(shank_pipe)// 设置矢量数据源const vectorSource = new VectorSource({ features: features })const lineLayer = new VectorLayer({zIndex: 1,source: vectorSource})this.map.addLayer(lineLayer) // 把图层添加到地图// 循环添加featureconst source = lineLayer.getSource().getFeatures()for (let i = 0; i < source.length; i++) {source[i].setStyle(this.setText(source[i].values_.NAME))}},// 文字标注的样式setText(name) {const style = new Style({stroke: new Stroke({width: 3,color: '#FFEBEE'}),text: new Text({font: '20px',// 对其方式textAlign: 'center',// 基准线textBaseline: 'middle',offsetY: -35,offsetX: 0,// backgroundFill: new Stroke({//   color: 'rgba(0,123,255,0.8)'// }),// 文本填充样式fill: new Fill({color: 'rgba(236,218,20,1)'}),padding: [5, 5, 5, 5],text: `${name}`})})return style},/*** 批量根据经纬度坐标打点 斗门*/addPoints(coordinates) {console.log('打点坐标调试', coordinates);// 创建一个 VectorSource 对象const source = new VectorSource()// 创建一个 Cluster 对象const clusters = new Cluster({distance: 60,source: source})// 循环添加 featurefor (let i = 0; i < coordinates.length; i++) {// 创建 feature，一个 feature 就是一个点坐标信息const feature = new Feature({geometry: new Point(fromLonLat([coordinates[i].x, coordinates[i].y])),})feature.set("moreInfo", coordinates[i].moreInfo)// 设置图层this.pointLayer = new VectorLayer({source: clusters, // 使用之前创建的 VectorSource 对象作为图层的源zIndex: 1,style: this.getIcon(coordinates[i].id, coordinates[i].name)})//console.log('本站名', coordinates[i].name);// 将 feature 添加到 source 中source.addFeature(feature)}this.map.addLayer(this.pointLayer)},/*** 添加图标和文字*/getIcon(type, name) {let src = ''type > 95? (src = require('../../assets/zhamen_run.png')): (src = require('../../assets/zhamen_stop.png'))const styleIcon = new Style({// 设置图片效果image: new Icon({// scale: 0.15 * (this.atzoom - 8),width: 25,src: src,anchor: [1, 1]}),text: new Text({// 对其方式textAlign: 'center',// 基准线textBaseline: 'middle',offsetY: -35,offsetX: 0,backgroundFill: new Stroke({color: 'rgba(0,0,255,0.4)'}),// 文本填充样式fill: new Fill({color: 'rgba(236,218,20,1)'}),padding: [5, 5, 5, 5],})})return styleIcon},/*** 弹窗*/addOverlay() {// 创建Overlay, 覆盖层const elPopup = this.$refs.popupthis.popup = new Overlay({element: elPopup,autoPan: true,positioning: 'bottom-center',stopEvent: false,offset: [-10, -25],autoPanAnimation: {duration: 250}})this.map.addOverlay(this.popup)},clickMap(e) {console.log('坐标信息', e);var pixel = this.map.getEventPixel(e.originalEvent)const feature = this.map.forEachFeatureAtPixel(pixel,(feature) => feature)console.log('ffffff', feature);//feature && feature.values_.moreInfo && this.map.hasFeatureAtPixel(e.pixel)if (feature && feature.values_.features && feature.values_.features.length > 0) {this.shopPopup = true// 设置弹窗位置const coordinates = feature.getGeometry().getCoordinates()console.log('弹窗位置', coordinates);this.popup.setPosition(coordinates)// 从geoJson中获取信息const valuesObj = feature.values_.features[0].values_.moreInfoconsole.log(valuesObj);if (valuesObj) {// 查询本站实时数据//const { NAME, ANGLE, REMAKE, OBJECTID } = valuesObjthis.zmName = valuesObj.positionif (valuesObj.protocolType == "1") {modbusInfo(valuesObj.addr).then(res => {console.log('modbus', res);this.ssLiuLiang = res.data.instantaneousFlowthis.leiJi = res.data.cumulativeFlowthis.zhaMen = res.data.aperture})}if (valuesObj.protocolType == "2") {szyInfo(valuesObj.addr).then(res => {console.log('szy', res)this.ssLiuLiang = "ANGLE"this.leiJi = "REMAKE"this.OBJECTID = "OBJECTID"})}}} else {this.shopPopup = false}},/*** 鼠标移动的事件*/pointermove() {this.map.on('pointermove', (e) => {if (this.map.hasFeatureAtPixel(e.pixel)) {this.map.getViewport().style.cursor = 'pointer'} else {this.map.getViewport().style.cursor = 'inherit'}})},getBenzhan() {benzhanList().then(res => {console.log('泵站查到了', res);const bzList = res.dataconst arr = []bzList.forEach(item => {arr.push({y: item.dimensionality,x: item.longitude,name: item.position,id: item.id,moreInfo: item})})this.addPoints(arr)})},close() {this.popup.setPosition(undefined)return false;}},mounted() {this.initMap()// 初始化地图方法this.setBackColor()this.addGeoJson()this.addGeoJsonone()this.addOverlay() // 弹框this.pointermove()this.addGeoone()this.main_pipe()this.shank_pipe()this.addZhiqu()this.addZhiguan()this.addDouguan()this.addGanGuan()this.addShushuiDouqu()this.getBenzhan()this.map.on('moveend', (e) => {const zoom = this.map.getView().getZoom()this.atzoom = zoomconsole.log(zoom)})// setInterval(() => {//   this.addPoints(arr)// 根据坐标点批量打点// }, 1000)}
}
</script>
<style lang="scss" scoped>
#Map {width: 100%;height: 100vh;
}.popupbox {width: 270px;height: 210px;background: url(../../assets/bg@2x.png) no-repeat;background-size: contain;display: flex;flex-direction: column;text-align: center;position: relative;.close {position: absolute;right: 10px;top: 10px;}.title {margin-top: 9px;}.info {font-size: 16px;text-align: left;margin-left: 25px;ul {margin: 0;padding: 0;list-style: none;}span.spc {color: white;}}
}
</style>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/103190.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

linux 系统时间、时区、date、timedatectl

linux 系统时间、时区、date、timedatectl

一、名词 UTC 格林尼治标准时间&#xff0c;位于0时区&#xff0c;东八区需要8 RTC 硬件时间&#xff0c;也称作BIOS时间 CST 中央标准时间&#xff0c;也指各个时区自己的地方时间二、查看时间 #查看当前硬件时间 hwclock #查看当前系统时间 date date -u # 显示UTC时间 d…
阅读更多...
Docker 的数据管理和Dockerfile镜像的创建

Docker 的数据管理和Dockerfile镜像的创建

目录 Docker 的数据管理 管理 Docker 容器中数据的方式 端口映射 容器互联&#xff08;使用centos镜像&#xff09; Docker 镜像的创建 Dockerfile 操作常用的指令 编写 Dockerfile 时格式 Dockerfile 案例 Docker 的数据管理 管理 Docker 容器中数据的方式 管理 Doc…
阅读更多...
【ES】--track_total_hits参数影响ES分页数据

【ES】--track_total_hits参数影响ES分页数据

目录 一、前言二、解决方法2.1、修改max_result_window参数2.2、修改track_total_hits 参数2.3、结论 一、前言 工作遇到一个ES深度分页查询时出现报错&#xff0c;报错内容如下 ElasticsearchException[Elasticsearch exception [typeillegal_argument_exception, reasonResu…
阅读更多...
C# AnimeGAN 漫画风格迁移 动漫风格迁移 图像卡通化 图像动漫化

C# AnimeGAN 漫画风格迁移 动漫风格迁移 图像卡通化 图像动漫化

效果 项目 模型 animeganv3_H40_model.onnx animeganv3_H50_model.onnx animeganv3_H64_model.onnx AnimeGANv3_JP_face_v1.0.onnx AnimeGANv3_PortraitSketch_25.onnx Hayao-60.onnx Hayao_64.onnx Paprika_54.onnx Shinkai_53.onnx 下载 可执行文件exe下载 源码下载
阅读更多...
JAVA IO 流分类整理

JAVA IO 流分类整理

一、JAVA IO 流分为三种&#xff1a; 1、按照流向&#xff1a;输入流和输出流 2、按照操作单元&#xff1a;字节流和字符流 3、按照流的角色&#xff1a;节点流和处理流 二、JAVA IO 流的40多个类都派生自4个抽象类 1、字节输入流&#xff08;InputStream&#xff09; 、 2、字…
阅读更多...
Pycharm 2023 设置远程调试

Pycharm 2023 设置远程调试

pycharm 版本 &#xff1a; 2023.2.1 整体流程参考&#xff1a;https://blog.csdn.net/xuanhaolaile/article/details/128293254 首先确定远程服务器上已经安装好 requirements.txt 中所需的依赖包。 1、SSH Configurations 添加远程服务器 2、Python Interpreter 注意&…
阅读更多...
如何让CI/CD同一个阶段的任务先后执行而不是同时执行

如何让CI/CD同一个阶段的任务先后执行而不是同时执行

可以通过指定同一阶段内的作业之间的依赖关系来定义它们的执行顺序。这确保了一个作业必须在另一个作业开始之前成功完成。具体的方法可能因使用的CI/CD系统而有所不同&#xff1a; GitLab CI/CD&#xff1a; 在GitLab CI/CD中&#xff0c;可以使用needs关键字来指定同一阶段内…
阅读更多...
spring boot自定义配置时在yml文件输入有提示

spring boot自定义配置时在yml文件输入有提示

自定义一个配置类&#xff0c;然后在yml文件具体配置值时&#xff0c;一般不会有提示&#xff0c;这个解决这个问题 依赖 <!--自定义配置类&#xff0c;在yml文件写的时候会有提示--><dependency><groupId>org.springframework.boot</groupId><arti…
阅读更多...
Godot2D角色导航-自动寻路教程（Godot实现角色随鼠标移动）

Godot2D角色导航-自动寻路教程（Godot实现角色随鼠标移动）

文章目录 运行结果2D导航概述开始前的准备2D导航创建导航网格创建角色 其他文章 运行结果 2D导航概述 Godot为2D和3D游戏提供了多个对象、类和服务器&#xff0c;以便于基于网格或基于网格的导航和路径查找。 说到导航&#xff0c;就得说一下导航网格&#xff0c;导航网格定义…
阅读更多...
视频缩放的概念整理-步长数组

视频缩放的概念整理-步长数组

最近在读ffmpeg的代码时候&#xff0c;这个接口不是很能看懂int sws_scale(struct SwsContext *c, const uint8_t *const srcSlice[], const int srcStride[], int srcSliceY, int srcSliceH, uint8_t *const dst[], const int dstStride[]); 多方请教后&#xff0c;记录结果如…
阅读更多...
json转对象

json转对象

要将 JSON 转换为对象&#xff0c;你可以使用不同编程语言中的相应方法或库。以下是一些示例&#xff1a; JavaScript: 在 JavaScript 中&#xff0c;你可以使用 JSON.parse() 方法将 JSON 字符串转换为对象。例如&#xff1a; var jsonString {"name": "John&…
阅读更多...
多标签分类论文笔记 | ML-Decoder: Scalable and Versatile Classification Head

多标签分类论文笔记 | ML-Decoder: Scalable and Versatile Classification Head

个人论文精读笔记&#xff0c;主要是翻译心得&#xff0c;欢迎旁观&#xff0c;如果有兴趣可以在评论区留言&#xff0c;我们一起探讨。 Paper: https://arxiv.org/pdf/2111.12933.pdf Code: https://github.com/Alibaba-MIIL/ML_Decoder 文章目录 0. 摘要1. 介绍2. 方法2.1 Ba…
阅读更多...
免疫球蛋白介绍

免疫球蛋白介绍

免疫球蛋白&#xff08;Immunoglobulin&#xff0c;Ig&#xff09;是广泛存在于哺乳动物血清、淋巴液、组织液和外分泌液中的一种具有抗体活性或化学结构与抗体相似的球蛋白&#xff0c;在机体防御疾病的重要成分在疾病研究、药物研发、疫苗评价中具有重要作用。抗体&#xff0…
阅读更多...
【实训项目】“优品果园”-线上水果商城小程序

【实训项目】“优品果园”-线上水果商城小程序

1.项目背景 随着现代人对消费水平的追求以及对食物安全的需要&#xff0c;无污染、产地直销的有机水果受到越来越多市民的喜欢。交易过程的简洁化是现代消费者的追求&#xff0c;产地直销也是近期流行的一种新型的交易模式。产地直销的交易模式使得交易过程更加简便快捷&#…
阅读更多...
【MySQL】关于MySQL升级到8.0版本的实践方案

【MySQL】关于MySQL升级到8.0版本的实践方案

关于MySQL升级到8.0版本的实践方案 关于数据库版本升级，一直都是热议话题，对于升级的缘由各家也有所不同，有业务驱动的，有DBA自发驱动的，有规划导向也有方向指引的……抛开各种原因，当升级这个决定落下来的时候，对于DBA手头的几百几千套数据库来说，就好比是一场动物大…
阅读更多...
[电源选项]没有系统散热方式，没有被动散热选项

[电源选项]没有系统散热方式，没有被动散热选项

背景 笔记本的风扇声音太大&#xff0c;想改成被动散热方式&#xff0c;又不想影响性能。 于是我打开了控制面板\所有控制面板项\电源选项&#xff0c;点更改计划设置-> 更改高级电源设置。 想把散热方式改成被动散热。发现win11中好像没有这个选项了&#xff01; 如何…
阅读更多...
198、RabbitMQ 的核心概念 及 工作机制概述； Exchange 类型 及 该类型对应的路由规则；了解什么是JMS。

198、RabbitMQ 的核心概念 及 工作机制概述； Exchange 类型 及 该类型对应的路由规则；了解什么是JMS。

目录 JMS 讲解★ RabbitMQ的核心概念★ RabbitMQ工作机制★ Connection&#xff08;连接&#xff09; 与 Channel&#xff08;通信信道&#xff09;★ Exchange★ Exchange与Queue★ Exchange的类型&#xff08;4种&#xff09;及 该类型对应的路由规则 看RabbitMQ 之前&#x…
阅读更多...
技术分享| 二进制部署MySQL

技术分享| 二进制部署MySQL

一、介绍 ​MySQL是一个关系型数据库管理系统&#xff0c;由瑞典MySQL AB 公司开发&#xff0c;属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一&#xff0c;在 WEB 应用方面&#xff0c;MySQL是最好的 RDBMS (Relational Database Management System&#x…
阅读更多...
拼多多历史价格数据接口，拼多多商品历史价格接口，拼多多API接口

拼多多历史价格数据接口，拼多多商品历史价格接口，拼多多API接口

采集拼多多商品历史价格接口可以采用以下方式&#xff1a; 使用价格监控工具。价格监控工具是一种可以自动监测商品价格变化的工具&#xff0c;它可以帮助消费者快速采集拼多多商品价格信息&#xff0c;还可以提供价格变动趋势的图表分析&#xff0c;使消费者更好地掌握商品价…
阅读更多...
PLL的环路滤波器

PLL的环路滤波器

本篇文章仅为分享PLL学习过程及一些公式推导&#xff0c;如有错误&#xff0c;还请批评指正&#xff01; 文章目录 1、一阶RC低通滤波器&#xff08;II类锁相环&#xff09;2、二阶RC低通滤波器A、加电容型B、加RC低通滤波器型 3、三阶低通滤波器 锁相环3大组成部分&#xff1…
阅读更多...
最新文章

Copyright @ 2022~2023