传单地图聚类+标记旋转

Question

有没有人尝试过使用传单聚类插件+标记旋转插件?我试着用这两种方法，但它们只能部分地工作。

在第一个视图中，我可以看到一些集群和一些孤立的(和旋转的)标记。每次我放大一些集群，旋转的标记消失。有人知道为什么会这样吗?

Answer 1

简单旋转标记，使用:This传单插件

在你的HTML中包含:

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

创建标记时:

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

一个完整的例子

Answer 2

我找到了Dave Leaver提供的解决方案，效果非常好。

"如果没有_icon:

，你可以通过在rotate插件中更改更新函数的开始来改变它来与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);" />'})});"