- 博客(260)
- 收藏
- 关注
RSS订阅
原创 Vue3＋Openlayers教程导航页【目录】
欢迎来到 Vue3＋Openlayers 系列教程，这里是我在 CSDN 编写的所有 Vue3＋Openlayers 系列相关文章的索引页，适合初学者到进阶用户系统阅读。👀 更多教程正在持续更新中，欢迎关注我，一起探索 Openlayers 的强大魅力！
2025-04-18 16:08:22
331
4
原创 Three.js 教程导航页【目录总览】，持续更新中......
欢迎来到 Three.js 系列教程，这里是我在 CSDN 编写的所有 Three.js 相关文章的索引页，适合初学者到进阶用户系统阅读。👀 更多教程正在持续更新中，欢迎关注我，一起探索 Three.js 的强大魅力！
2025-04-18 12:42:52
295
原创 169.在Vue3中使用OpenLayers + D3实现地图区块呈现不同颜色的效果
本文介绍了在Vue3项目中使用OpenLayers和D3.js实现地图区块着色的方法。主要内容包括：1）准备工作，需要安装Node.js和必要的依赖；2）提供完整的MapColor.vue组件代码，展示如何加载GeoJSON数据并渲染彩色地图；3）关键点解析，如颜色映射、样式缓存等技术细节；4）常见问题解决方案，包括瓦片显示、路径别名等问题；5）进阶功能建议，如添加悬浮提示、图例生成等。文章提供了完整的代码示例和实现思路，适合开发者快速上手地图可视化开发。
2025-09-09 17:48:09
382
原创 168.Vue3 + OpenLayers：给每个 Feature 添加专属渐变色（不是整图渐变）
本文介绍了在Vue3+OpenLayers中为每个地图要素（feature）单独绘制渐变色的实现方法。通过使用Style.renderer直接操作Canvas绘制上下文，解决了普通Fill样式无法创建CanvasGradient的问题。文章详细说明了如何兼容Polygon、MultiPolygon和带洞多边形，包括坐标转换、BBox计算和路径绘制等关键技术点。同时提供了完整的可运行代码示例（Vue3+TypeScript），支持点击定位和轮巡查看要素功能，并给出了按属性字段决定渐变颜色的扩展方案。该方法适用
2025-09-05 14:09:22
427
原创 167.在Vue3中使用OpenLayers模仿共享单车，判断点是否放在规划的电子围栏内
摘要：本文介绍了一个基于Vue3+OpenLayers的电子围栏功能实现案例。该功能可判断用户在地图上绘制的停泊点是否位于预设的电子围栏（多边形或圆形）内，适用于共享单车还车、物流调度、园区管理等场景。文章详细说明了实现思路，包括地图初始化、围栏绘制、点坐标判断等技术要点，并提供了完整代码示例。核心方法是使用geometry.intersectsCoordinate进行坐标判断，通过ElementPlus给出提示。该方案可进一步扩展为多围栏管理、围栏编辑和轨迹监控等功能。
2025-09-04 11:29:35
646
原创 166.在Vue3中使用OpenLayers绘制点并判断是否在电子围栏内
本文介绍了使用Vue3 Composition API集成OpenLayers实现电子围栏检测功能的方法。主要内容包括： 通过Draw交互在地图上绘制点，利用Polygon#intersectsCoordinate方法判断点是否在电子围栏内 项目环境基于Vue3、Vite和OpenLayers，使用ElementPlus作为UI组件 核心实现思路：创建底图和矢量图层，设置数据源存放电子围栏和用户绘制点 重点注意事项：投影系统一致性问题、边界点判定规则、容器尺寸调整等常见问题 提供了完整代码示例，可直接在项目
2025-09-03 10:54:34
375
原创 165.在vue3中使用openlayers绘制自定义图形并导出为 GeoJSON
本文介绍了一个基于Vue3+OpenLayers实现地图绘制和GeoJSON导出的解决方案。通过Vite+Vue3+TypeScript项目结构，结合OpenLayers库实现地图展示、矩形绘制、图形清除和GeoJSON导出功能。文章详细说明了项目依赖安装、核心代码实现（包括地图初始化、绘制交互、数据导出），特别强调了坐标系（EPSG:4326和EPSG:3857）的注意事项。还提供了扩展建议和常见问题解答，帮助开发者快速实现功能并解决可能遇到的问题。整个方案代码简洁，适合作为WebGIS开发的基础模板。
2025-09-02 09:58:24
261
原创 164.在 Vue3 中使用 OpenLayers 加载 Esri 地图（多种形式）
本文介绍了如何在Vue3+Vite+TypeScript/JS项目中集成OpenLayers10加载多种Esri底图。主要内容包括：1）项目初始化与依赖安装；2）常用Esri底图服务速查表；3）最小可运行示例代码；4）进阶功能如注记叠加、Token鉴权、高分屏优化；5）常见问题排查与解决方案。文章提供了完整的代码片段，涵盖了底图切换、注记叠加、投影设置等核心功能，并强调了Esri服务的使用合规性和性能优化建议。适合需要快速集成专业地图服务的开发者参考。
2025-09-01 16:35:31
354
原创 163.在 Vue3 中使用 OpenLayers 解析 GeoJSON，并给 Feature 填充 pattern（图案）颜色
本文介绍在Vue3中使用OpenLayers解析GeoJSON文件并为要素添加Canvas图案填充的方法。主要内容包括：1）项目依赖配置；2）GeoJSON数据导入与矢量图层创建；3）核心Canvas图案生成技术，重点处理设备像素比和样式缓存；4）性能优化建议；5）交互功能实现（悬停高亮和Tooltip）。提供了完整可复用的代码示例，解决了图案模糊、跨域请求等常见问题，适合需要在Web地图中实现自定义填充效果的前端开发者参考。
2025-08-29 15:47:27
196
原创 162.在 Vue 3 中使用 OpenLayers 解析 GeoJSON 并为每个 Feature 填充渐变色
本文介绍在Vue3中使用OpenLayers实现GeoJSON行政区块渐变填充的技术方案。核心思路是通过离屏Canvas为每个feature生成匹配其视图像素尺寸的渐变图案，使用CanvasPattern填充，并采用缓存机制优化性能。解决方案包含设备像素比适配、样式缓存管理、性能优化建议等关键技术点，支持线性/径向渐变，同时提供了WebGL迁移和属性映射等扩展方向。该方案在保证视觉效果的同时兼顾了渲染性能，适合大规模地理数据可视化场景。
2025-08-28 16:17:56
551
原创 161.在 Vue3 中使用 OpenLayers 绘制矩形、获取屏幕像素坐标（pixel）并用 transformExtent 做坐标投影转换
这篇教程介绍了如何在Vue3中使用OpenLayers实现矩形绘制功能，并获取屏幕坐标和进行坐标转换。主要内容包括：1) 环境配置和依赖安装；2) 完整实现代码，包含地图初始化、矩形绘制交互、坐标转换和结果显示功能；3) 关键代码解析，重点说明地图初始化、坐标转换和像素计算等核心逻辑；4) 常见问题解答，解决坐标顺序、像素计算不准等问题；5) 进阶扩展建议，如格式化输出、TypeScript支持和通用绘制函数等。该示例使用OpenLayers 10.x和ElementPlus组件，适合OpenLayers初
2025-08-27 11:54:46
172
原创 160.在 Vue3 中用 OpenLayers 解决国内 OpenStreetMap 地图加载不出来的问题
本文从原理出发，给出可行的修复办法并附带完整 Vue3 + Composition API 的代码示例（含可选的 Node.js 代理代码），帮助你把文章代码直接复制到项目中运行并发布到 CSDN。
2025-08-26 14:37:11
444
原创 159.Vue3 + OpenLayers 实战：多边形旋转、平移、放缩
本文介绍了在Vue3+OpenLayers+Turf.js环境下实现多边形几何变换的方法。通过Turf.js的几何计算功能（旋转、平移、缩放）与OpenLayers的地图渲染能力，开发者可以轻松实现前端GIS交互。文章详细讲解了投影转换、中心点计算、单位设置等核心问题，并提供了完整的可运行代码示例。关键点包括：使用turf.centroid保证变换稳定性、处理不同投影坐标系、设置平移距离单位等。该方案无需后端参与，适合需要在前端实现GIS几何变换的场景。
2025-08-25 11:18:51
188
原创 5.实现 call
本文详细解析了JavaScript中Function.prototype.call方法的实现原理。通过分析原生call的功能逻辑，文章逐步拆解了其内部实现过程：转换值类型参数为对象、临时挂载函数到目标对象、执行函数后清理属性等关键步骤。作者提供了完整的myCall实现代码，并包含测试用例验证，同时对比了call、apply和bind的异同。文章还讨论了边界情况处理和值类型自动装箱等细节，帮助读者深入理解函数调用时的this绑定机制。该实现方案通过Symbol避免属性污染，适用于面试准备和技术进阶学习。
2025-07-31 11:18:56
1293
原创 4.实现new的过程
本文深入解析JavaScript中new操作符的底层原理，并手把手教你实现类似功能的myNew方法。文章详细拆解了new操作符的完整执行过程：1）创建空对象；2）设置原型链；3）执行构造函数；4）处理返回值。同时提供了完整的手写实现代码，通过Object.create()建立原型链，使用apply绑定this，并正确处理构造函数返回值。文中还包含使用示例、常见错误点以及面试常考问题，帮助开发者深入理解原型链和构造函数的执行机制。最后用一句话精辟总结new的本质："创建一个对象，绑定this，根据返
2025-07-30 09:50:03
620
原创 3.实现 instanceof
我在实现instanceof时，是通过遍历目标对象的原型链，看是否能找到目标构造函数的prototype。而实现new则主要是模拟创建对象、连接原型链、绑定 this、处理返回值这几个关键步骤。
2025-07-29 16:30:52
555
原创 2.节流函数（throttle）
📝 节流函数精要指南 节流（Throttle）是一种控制函数执行频率的技术，确保在固定时间间隔内只触发一次，常用于高频事件（如滚动、拖拽、点击）。 🔍 核心要点 与防抖（Debounce）区别：防抖在停止触发后执行，而节流按固定间隔执行。 实现方式： 时间戳版：立即执行，忽略后续调用。 定时器版：延迟执行，确保最后一次触发。 混合版（推荐）：结合时间戳与定时器，兼顾首尾触发。 应用场景：滚动加载、按钮防连点、窗口缩放优化等。 TS/Vue支持：可通过自定义指令或Composition API集成。 ⚠️
2025-07-24 11:13:27
1280
原创 1.防抖函数（debounce）
本文介绍了前端性能优化方法debounce（防抖）的原理与实现。防抖通过setTimeout和clearTimeout控制事件触发，仅在最后一次触发后延迟执行，适用于搜索联想、表单保存等高频场景。文章提供了基础版和进阶版（支持立即执行）的代码实现，并对比了防抖与节流（throttle）的区别。最后给出了TypeScript版本的实现，帮助开发者掌握这一优化技巧，减少不必要的资源消耗。
2025-07-23 16:28:35
890
原创 前端版本更新检测机制
【摘要】前端版本更新检测机制是保障用户体验和功能稳定性的关键。本文分析了4种常见检测方案（静态资源hash、版本号轮询、ServiceWorker缓存管理等），推荐构建版本文件+前端轮询检测方案，详细介绍了基于Vite构建的version.json自动生成实现方法。方案通过版本号比对实现轻量级更新提示，提供Vue/React/UniApp等多平台适配建议，并给出构建版本自动生成、CDN缓存策略优化等进阶优化点。该机制可有效解决用户访问旧缓存版本、接口不兼容、重要更新无感知等问题。
2025-07-22 11:14:22
1178
原创 158.Vue3 + OpenLayers 实现多个点的 Envelope（外接矩形）绘制与面积计算
本文介绍了一个基于Vue3和OpenLayers实现多点包围矩形(envelope)计算的WebGIS应用。通过Turf.js库生成多个坐标点的最小外接矩形，并实时计算显示面积。系统支持地图加载、矩形绘制、面积计算和图层清除功能，代码结构清晰，使用Vite构建工具和Element Plus组件库。项目采用模块化设计，核心组件为EnvelopeMap.vue，实现了OpenLayers与Turf.js的完美结合，为地理空间分析提供了可视化解决方案。文章还提出了支持交互式点位添加、多组分析等扩展建议。
2025-07-17 11:14:52
206
原创 157.Vue3 + OpenLayers + Turf 实现根据多边形坐标计算面积功能
本文介绍了基于Vue3+OpenLayers+Turf.js实现地图多边形面积计算的方法。通过指定坐标点，系统可自动计算多边形面积（km²）并在地图上渲染显示。核心功能包括：使用Turf.js进行地理空间计算、OpenLayers地图渲染、支持EPSG投影转换。代码示例展示了如何初始化地图、绘制多边形、计算面积及清除图层等操作，适用于农业、国土等领域的地块测量需求。文章还提出了手绘多边形、实时面积显示等拓展功能建议，为WebGIS开发提供了实用解决方案。
2025-07-17 10:43:29
143
原创 156.Vue3 + OpenLayers + Turf 实现多线段绘制与贝塞尔曲线平滑展示
本文介绍了基于Vue3、OpenLayers和Turf.js实现地图路径平滑处理的技术方案。通过Turf.js的bezierSpline方法，可以将生硬的折线转换为视觉更自然的贝塞尔曲线。文章详细展示了系统功能（多段线绘制、曲线平滑、图层管理）和核心代码实现，包括地图初始化、GeoJSON数据处理等关键步骤。该方案适用于轨迹回放、导航路径可视化等场景，并支持进一步扩展如轨迹动画、自定义曲率控制等功能。文末提供了完整代码示例和相关技术文档链接。
2025-07-16 11:05:51
248
原创 155.Vue3中使用OpenLayers+Turf获取两点之间的距离
本文介绍了在Vue3项目中使用OpenLayers和Turf.js实现两点距离测量的方法。通过组合API开发地图组件，展示了如何绘制固定两点及连线，并利用Turf.js计算两点间距离（单位：公里）。文章包含完整代码实现，包括地图初始化、坐标转换、距离计算和图层清除功能，并提出了用户交互测距等扩展思路。该方案充分发挥了Turf.js在GeoJSON数据处理上的优势，为地图开发中的几何计算提供了高效解决方案。
2025-07-16 10:48:30
188
原创 154.Vue3 + OpenLayers + Turf.js 实现椭圆形绘制功能
本文介绍了在Vue3中使用OpenLayers和Turf.js绘制地理椭圆形的实现方法。项目通过Turf.js的ellipse函数生成GeoJSON格式的椭圆数据，利用OpenLayers进行地图渲染和交互。主要功能包括：1）点击按钮绘制指定参数的椭圆；2）清除图层功能；3）基于高德地图底图展示。代码示例完整展示了地图初始化、数据渲染和样式配置过程，并提出了进阶改进建议，如交互式绘制、参数设置和导出功能等。该方案适用于需要地理图形绘制的WebGIS应用场景，如地块管理和资源调度系统。
2025-07-15 10:06:46
177
原创 153.在 Vue 3 中使用 OpenLayers + Cesium 实现 2D/3D 地图切换效果
📝摘要：本文介绍使用Vue3+OpenLayers+Cesium实现2D/3D地图切换的解决方案，适用于智慧城市、数字孪生等场景。技术栈包括ol-cesium作为桥梁，Vite构建工具简化配置。核心代码演示了地图初始化、地形加载和视图切换功能，并提供了常见问题排查方法。该方案支持扩展3D模型加载、交互功能等，为地理可视化项目提供基础框架。
2025-07-15 09:38:10
1126
原创 152.Vue3中使用OpenLayers+Turf实现遮罩布挖洞效果
摘要： 该项目演示了如何在Vue3中使用OpenLayers和Turf.js实现地图遮罩布的挖洞效果，主要功能包括： 通过Turf.js的turf.mask()方法实现遮罩布挖洞 支持绘制小洞区域、遮罩布以及最终合成效果 使用OpenLayers进行地图渲染和图层管理 包含清除图层功能，展示GeoJSON与OpenLayers的数据转换 应用场景包括土地规划、可视区域剔除等GIS操作 技术栈：Vue3+OpenLayers+Turf.js+ElementPlus，代码完整可用。
2025-07-14 10:55:49
208
原创 151.Vue3中使用OpenLayers在3857坐标系下导出KML文件，自定义name和style
本文介绍了基于Vue3和OpenLayers实现地图多边形绘制与KML导出的技术方案。核心功能包括：支持EPSG:4326（经纬度）与EPSG:3857（Web墨卡托）坐标系转换、自定义多边形样式（填充/边框颜色）、符合GoogleEarth标准的KML文件导出。文章详细解析了技术实现，包括OpenLayers地图初始化、坐标转换逻辑、KML文件生成方法，并提供了完整的Vue组件代码示例。该项目采用组件化开发，依赖ol、file-saver等核心库，适用于WebGIS开发中常见的地理数据可视化与导出需求。
2025-07-14 09:48:56
143
原创 150.在Vue3中使用OpenLayers实现显示多个多边形并导出 KML 文件（含自定义样式与名称）
本文介绍了如何在Vue3项目中集成OpenLayers实现多边形地图可视化功能。通过Composition API初始化地图，展示多个自定义多边形（支持设置名称和颜色样式），并提供了KML文件导出功能。核心包括：1) 使用OpenLayers创建地图和矢量图层；2) 处理多边形数据（坐标、名称、样式）；3) 通过file-saver库实现KML导出。技术栈涉及Vue3、OpenLayers、ElementPlus等，适用于地理数据可视化、地图应用开发等场景，代码示例完整可直接复用。
2025-07-10 10:56:25
382
原创 149.在 Vue3 中使用 OpenLayers 绘制多边形并导出 KML 文件（含自定义 name 与 style）
本文介绍了如何在Vue3项目中使用OpenLayers实现多边形绘制并导出为KML文件的技术方案。通过CompositionAPI结合ElementPlus和file-saver库，详细讲解了地图初始化、多边形绘制交互以及KML导出的完整流程。核心功能包括：创建基础地图视图、配置多边形绘制工具、自定义图形样式与名称属性、将要素序列化为KML格式文件。文章还提供了完整的代码示例，并建议了拓展应用方向，如支持多种要素类型、个性化样式配置等，适用于各类GIS可视化项目开发。
2025-07-10 10:41:12
405
原创 149.在 Vue3 中使用 OpenLayers 绘制多边形（限制最小边数和最大边数）
摘要：本文展示了如何在Vue3项目中使用OpenLayers实现多边形绘制功能，并限制最少4条边、最多6条边。主要技术点包括：1）通过Draw交互的minPoints/maxPoints参数控制边数；2）使用叠加样式显示红色顶点圆点；3）基于Composition API实现地图交互。示例提供了完整的源码实现，包含地图初始化、绘制控制和图形清除功能，并探讨了样式叠加渲染技巧和功能拓展方向。该方案适用于需要精确控制用户绘图行为的GIS应用场景。（148字）
2025-07-09 09:47:24
267
原创 148. 在 Vue3 中使用 OpenLayers 在地图上添加 ECharts 柱状图
的组合非常适合用于 Web GIS 数据可视化项目，配合 Vue3 可以实现高度组件化、模块化的开发体验。如果这篇文章对你有帮助，欢迎一键三连支持！如需源码或遇到问题欢迎评论区留言交流 👇。
2025-07-09 09:31:38
226
原创 148.在 Vue3 中使用 OpenLayers 在地图上添加 ECharts 环形图
「Vue3+OpenLayers集成ECharts环形地图方案」 本文介绍基于Vue3+OpenLayers实现地图环形图叠加的技术方案。核心采用ol-echarts桥接库，将ECharts图表（Pie类型）通过地理坐标绑定到OpenStreetMap上。关键实现包括： 1️⃣ 使用EChartsLayer包装图表数据 2️⃣ 坐标转换（EPSG:4326→3857） 3️⃣ 设置hideOnMoving参数保持图表可见性 4️⃣ 通过coordinates属性精确定位城市坐标 组件支持功能： 🔹 多城市
2025-07-08 10:12:10
182
原创 147.在 Vue3 中使用 OpenLayers 地图上 ECharts 模拟飞机循环飞行
摘要：本文介绍如何在Vue3项目中集成OpenLayers和ECharts实现飞机航线可视化。通过ol-echarts插件将ECharts动画嵌入OpenLayers地图，展示北京、上海等城市间的动态航线效果。文章包含完整的实现步骤：1)项目搭建与环境配置；2)GeoJSON地图数据准备；3)核心代码实现（包括地图初始化、航线数据转换和动画渲染）；4)常见问题解决方案。该项目支持地图缩放拖拽且动画不丢失，可作为地理可视化开发的基础模板。
2025-07-08 09:59:09
227
原创 146. 在 Vue3 中使用 OpenLayers 添加 ECharts 饼图
【摘要】本文演示了在Vue3项目中使用Composition API集成OpenLayers和ECharts实现地图可视化。通过ol-echarts桥接库，在地图指定经纬度位置叠加交互式饼图（支持tooltip悬停），并应用CSS滤镜（hue-rotate）增强视觉效果。关键技术点包括：EPSG:4326坐标投影定位、ECharts图层动态渲染及postcompose事件滤镜处理。该方案适用于产业分布、人口统计等数据可视化场景，文中还提供了扩展建议（动态数据加载、响应式调整等）和完整代码实现。
2025-07-07 15:39:51
212
原创 145.在 Vue3 中使用 OpenLayers 设置原始图、模糊、色相翻转、阴影效果
本文介绍了使用OpenLayers和Vue3实现地图滤镜效果的简单方法。通过CSS filter属性直接对地图canvas元素设置样式，可快速实现模糊、色相翻转、阴影等视觉效果，无需修改地图图层。文章提供了完整代码示例，展示了如何通过按钮切换不同滤镜（如blur(5px)、hue-rotate(180deg)等），并强制地图重新渲染。该方法不影响地图交互，实现简单灵活，适合地图视觉风格定制。还延伸介绍了其他可能的滤镜效果组合和应用场景。
2025-07-07 14:23:16
172
原创 144.在 Vue3 中使用 OpenLayers 设置反转色 / 复古色 / 灰度图 / 原始图
《Vue3+OpenLayers实现地图滤镜效果》摘要：本文介绍使用Vue3和OpenLayers9实现地图样式切换功能，包括原始图、灰度图、反转色和复古色四种滤镜效果。通过CSS滤镜直接作用于OpenLayers生成的canvas元素，实现简单高效的地图样式变换。文章提供完整代码示例，并建议扩展玩法如组合滤镜、滑块调节、夜间模式等应用场景。该方案适用于大屏可视化、主题切换等场景，提升地图展示的专业性和视觉效果。需要注意浏览器兼容性和canvas元素选择时机等技术细节。
2025-07-04 10:31:08
559
原创 143.在 Vue 3 中使用 OpenLayers 调节地图的明亮度、对比度、饱和度
摘要： 本文介绍了一种在Vue3项目中动态调节OpenLayers地图色彩（亮度/对比度/饱和度）的轻量级方案。通过CSS Filter直接修改地图Canvas的滤镜属性，结合Composition API管理滑块状态，实现无需重绘瓦片的地图风格动态调整。技术栈采用Vue3+OpenLayers+ElementPlus，核心是通过map.render()触发重绘并应用滤镜。方案具有GPU加速性能优势，支持扩展其他滤镜效果，适用于可视化大屏、夜间模式等场景，但需注意IE兼容性问题。该方法为地图可视化提供了高效
2025-07-04 10:13:16
195
原创 142.在 Vue3 中使用 OpenLayers 实现图层透明度调节功能
📝摘要：本文介绍了在Vue3+OpenLayers环境下实现地图图层透明度实时调节的方法。通过ElementPlus滑块组件绑定图层透明度值，利用watch监听实现动态效果。技术栈包括Vue3、OpenLayers、ElementPlus，使用StadiaMaps作为底图服务。文章提供了完整代码示例，包含模板、逻辑和样式实现，并说明了EPSG投影转换、透明度值域转换等注意事项。最后还建议了项目拓展方向如多图层控制、组件封装等，适合GIS可视化开发者参考。
2025-07-03 12:23:36
410
原创 141.在 Vue 3 中使用 OpenLayers Link 交互：把地图中心点 / 缩放级别 / 旋转角度实时写进 URL，并同步解析显示
本文介绍了使用OpenLayers的Link交互实现地图状态与URL参数双向同步的纯前端解决方案。通过监听地图移动、缩放等事件，自动更新URL中的坐标、缩放级别和旋转角度参数，同时支持浏览器历史记录导航恢复地图状态。文章详细解析了技术原理（Link交互+popstate监听），提供了Vue3+CompositionAPI的完整实现代码，并展示了参数面板实时显示功能。该方案适用于DEMO分享、地图书签等场景，无需后端即可实现"场景定位"功能。最后还给出了常见问题处理建议和延伸应用场景，如地
2025-07-01 14:10:32
298
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人