vue.js - 如何选择 Mapbox Vuejs 组件包

Question

我目前正在构建一个 VueJS 应用程序，它将在多个页面上具有不同格式的地图组件。因此，我正在评估一些现有组件： vue-mapbox和vue-mapbox-gl（在 npmjs.com 上列为 mapbox-gl-vue）并希望输入选择标准。

vue-mapbox 在 github 上有 37 颗星，在 npm 上达到每周 86 次下载的峰值。

vue-mapbox-gl 在 github 上有 87 颗星，并且在 npm 上每周有 1000 次左右的流行下载历史。

这两个项目似乎都在积极开发中。

除了流行度上的差异之外，我看到的包之间的主要区别是 vue-mapbox 采用了更精细的方法来创建子组件（如标记和控件），而 vue-mapbox-gl 为您提供单个地图组件和然后使用基本组件的脚本标签实现标记、集群、控件等。在我看来，这并不是创建可重用组件的真正“vuejs 方式”。然而，vue-mapbox-gl 明显更受欢迎。

你会怎么选择？或者，您会完全跳过组件包并自己编写吗？

编辑 根据评论，我更新了这个问题。

我的要求：

• 具有数千个点并支持聚类的概览图。
• 显示单个点的每个位置地图
• 能够编辑单点位置并集成地理编码
• 所有点上的弹出窗口
• 跨所有地图变体的一致样式和功能
• 带有 SSR 的 Nuxt 应用程序，因此能够在地图上阻止 SSR。

鉴于地图将出现在不同类型的页面上，将会有一些代码重用。

在 VueJS/Nuxt 环境中，使用 vue-mapbox、mapbox-gl-vue 或从头开始编写的优缺点是什么？

标签： vue.jsmapboxmapbox-gl-js