使用Mapbox.js版本的leaflet安装带有npm的leaflet.markercluster

Question

我目前安装了mapbox.js@3.0.1，它依赖于leaflet@1.0.2。我想npm安装一个leaflet插件leaflet.markercluster@1.0.2，它需要leaflet 1.0.x (我通过mapbox.js获得)。如何安装leaflet.marketcluster并告诉它使用mapbox的依赖项查找leaflet？

Answer 1

Mapbox中确实已经包含了Leaflet。

所以你不需要做任何特别的事情来让Leaflet.markercluster插件使用它。

如果你以“标准”的方式加载这两个库(即通过超文本标记语言页面中的<script>标记)，那么一切都应该可以正常工作：

<script src='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.css' rel='stylesheet' />
<script src='https://unpkg.com/leaflet.markercluster@1.0.3/dist/leaflet.markercluster.js'></script>
<link href='https://unpkg.com/leaflet.markercluster@1.0.3/dist/MarkerCluster.css' rel='stylesheet' />
<link href='https://unpkg.com/leaflet.markercluster@1.0.3/dist/MarkerCluster.Default.css' rel='stylesheet' />

演示：http://plnkr.co/edit/HX6yYCvNEvv8rD0khIjG?p=preview

现在既然您想通过npm包含Leaflet.markercluster，我认为您可以简单地将库代码包含在您的包中(例如，通过import "leaflet.markercluster"，或者您的构建引擎所需的任何内容)，并且添加L.markerClusterGroup工厂应该没有问题。