leaflet - 传单地图聚类+标记旋转

Question

有没有人尝试过使用 Leaflet Clustering Plugin + Marker Rotation Plugin？我尝试与两者一起工作，但他们部分工作。

在第一个视图中，我可以看到一些集群和一些孤立（和旋转）的标记。每次我放大一些集群时，旋转的标记都会消失。有谁知道为什么会这样？

Answer 1

要简单地旋转标记，请使用：This Leaflet Plugin

将其包含在您的 html 中：

<script src="../leaflet-plugin/Marker.Rotate.js"></script>

wen 创建一个标记：

var marker = new L.Marker(map.getCenter(), {iconAngle: 90});

一个完整的例子

Answer 2

找到了 Dave Leaver 提供的解决方案。它运行良好。

“如果没有 _icon，您可以通过将旋转插件中更新功能的开始更改为保释来破解它以与 L.MarkerClusterGroup 一起工作（因此它不会比现在更糟）：

update: function() {
    if (!this._icon) {
        return;
    }

问题是旋转插件正在覆盖转换并与传单战斗。我建议改为使用带有具有旋转的子元素的 DivIcon，这样小册子可以愉快地更新变换以独立于旋转移动标记。

作为一个完全错误的例子：

 var m = new L.Marker(getRandomLatLng(map), { icon: L.divIcon({html:'<img src="http://cdn.leafletjs.com/leaflet-0.5.1/images/marker-icon.png" style="-webkit-transform: rotate(39deg); -moz-transform:rotate(39deg);" />'})});"