React Leaflet（with hooks）
了解如何使用 React-Leaflet 构建地图查看器应用程序，React-Leaflet 是一个用于创建交互式地图的开源库
讲师：Edwin Corrigan
口袋资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！
用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。
你会学到什么
- 学习和理解 React Leaflet
- 拥有一个可用于个人/专业项目扩展的有效 React Leaflet 应用程序
- 了解用于地理空间 Web 应用程序开发的有用工具
- 具备使用在线文档的信心和知识，将您的地图应用程序构建技能提升到一个新的水平
要求
- JavaScript + HTML + CSS 基础知识。
- React的基础知识
- 不需要先前的传单或地理空间经验！
描述
本课程使用 React Leaflet Version 3（包括对 React Leaflet Version 4 的兼容性更新！！），该版本已被重写为使用 hooks。它基于两个广泛使用的开源 Javascript 库——React 和 Leaflet。先简单介绍一下场景：
- React – 是最流行的 JavaScript 库，您可以学习它来为 Web 构建现代的反应式用户界面。它之所以如此流行，是因为它可以在单个组件的基础上实现，而不必更新整个 Web 应用程序。在对整个 Web 应用程序进行现代化改造时，这是一个很大的优势。此外，React.js 是以性能为核心目标构建的。简而言之，它将 Javascript 对象存储在内存中（没有繁重的渲染步骤！）在“虚拟 DOM”中。当虚拟 DOM 更新时，差异算法会识别将组件更新（即重新渲染）到实际可见 DOM 的最有效方法。React 由 Meta (Facebook) 开发和维护，并将继续存在。
- Leaflet – 由于它的简单性、开源和以易于使用为特定目的而设计，它是一个非常流行的 Javascript 库，用于构建移动友好的交互式地图。Leaflet 受到 Github、Facebook、Esty 和 Pintereset 等的信任，而且，它也将继续存在！
顾名思义，React Leaflet 通过提供它们之间的绑定来集成这两个成熟的库。它利用 Leaflet 库的强大功能，将 Leaflet 层抽象为 React 组件。通过这样做：
- Leaflet 可以无缝集成到 React 应用程序中；
- React 第三方 Javascript 库可以在 Leaflet 组件中使用（参见下面的课程内容）；
与 Leaflet 类似，本课程“围绕简单性构建”！！！我们不会因为配置 Web 服务器或中间件而陷入困境。相反，该课程旨在提供对 React Leaflet 库的所有方面的了解，同时还教您如何访问必要的资源以加深您的知识并开发您自己的 React Leaflet Web 应用程序。视频中每个代码的完整应用程序作为可下载资源提供。这使您可以在您想要的地方跳入，并且如果您遇到困难，也可以获得代码的工作版本。
该课程从为初学者介绍概念开始，逐渐发展到一些高级主题。每个部分都将建立在最后一个部分的基础上，到最后你将拥有一个功能性的 React Leaflet Web 应用程序。
这门课有什么？
- 使用 create-react-app 创建 React 应用程序
- 使用 create-react-app 设置 React Leaflet
- 初始化 React Leaflet 地图
- 配置切片图层
- 在哪里可以找到示例空间数据和切片服务器
- 为开发目的生成您自己的样本空间数据的工具
- 什么是 GeoJSON？
- 反应传单挂钩
- 过滤半径内的点
- 通过点击多边形过滤点
- Leaflet 在 DOM 中的外观
- 添加标记
- 从插件实现第三方层
- 标记聚类
- 将地图居中到单击的位置
- 添加自定义图标（如何在 React Leaflet 上实现字体超棒的图标）
- 添加和自定义弹出窗口
- 添加和自定义工具提示
- 如何使用任何 React UI 库自定义 React Leaflet 弹出窗口
- 添加多边形图层
- React Leaflet 术语中的层是什么
- 如何根据多边形点击过滤点（使用 Turf.js）
- 添加图层控件
- 构建您自己的自定义控件
- 在 React Leaflet 地图上显示来自不同坐标参考系统的地理空间信息
- 异步调用和更新 React Leaflet 组件
- 将第三方 Leaflet 控件添加到 React Leaflet 应用程序
- 传单路由机
本课程适合谁：
- 您出于专业或个人原因对基于地图的应用程序感兴趣
- 具有 React 背景并想了解地图应用程序的工作原理
- 您对 Leaflet 比较熟悉，并且正在考虑转向 React Leaflet
声明：口袋资源网（koudaizy.com）提供的所有课程、素材等资源全部来源于互联网，赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持，从本站下载资源，说明你已同意本条款。
