Leaflet.js - 如何仅绘制连续的48个州？

Question

我使用Leaflet绘制美国地图（没有别的）。我想只绘制48个连续的州 - 没有阿拉斯加或夏威夷，没有加拿大，没有墨西哥等。我的目标是最终得到一个如下所示的交互式地图：

我知道如何突出显示那些特定的状态等等......我只需要能够控制Leaflet，这样它就不会在美国之外绘制任何东西。我怎么能这样做？

（我只想在美国的照片上使用一张图片，但是我希望状态在悬停时突出显示......如果走这条路线并且不使用Leaflet是更好的方法，我愿意但不确定如何绘制悬停时突出显示的状态，并希望得到任何提示。）

注意：这与此问题Show only United States when using Leaflet.js and OSM不同，后者询问如何在地图上设置界限，以便用户无法从美国滚动。我想更改屏幕上绘制的内容。

Answer 1

获取状态（http://leafletjs.com/examples/us-states.js）的GeoJSON文件，将Alaska和Hawaii从文件中删除（或者在客户端执行）。在这些状态下使用L.geoJSON。使用L.DivIcon为每个州添加文字标签。