使用Leaflet 搭建一个前端地图项目，实现类似原神、黑神话悟空的标点互动地图效果

也属于WebGis 前端地理信息系统
来源B站：小猿_Eric
视频教程地址

技术选型

目前最常用的 ​JavaScript 地图库，包含 Canvaskit（Skia）、Leaflet 和Mapbox GL等

• CanvasKit运用了WebAssembly的构建技术,将skia图形渲染能力的API扩展到web上。
  也就是说CanvasKit项目是skia的WebAssembly版本。
  对于前端应用而言，canvaskit提供了图形接口，前端开发者可调用其图形绘制API进行图形绘制。
  • ✅高性能渲染（通过 WebAssembly 调用 Skia 引擎）
  • ✅支持复杂矢量图形、路径操作、渐变、阴影、滤镜
  • ✅ 通过 WebAssembly 实现接近原生的渲染性能，适合大规模动态图形。
  • ✅ 减少 JavaScript 与 DOM 交互，避免浏览器渲染瓶颈。
  • ❌无地图生态支持，需从头实现
• Leaflet 专注于轻量级、高性能的交互式地图开发。它被广泛用于 Web 应用、移动端应用（如 React Native）和数据可视化