2013-05-08 84 views
1

有没有人试过使用Leaflet Clustering Plugin + Marker Rotation Plugin?我试图与两者合作,但他们部分工作。Leaflet Map Clustering + Marker Rotation

在第一个视图中,我可以看到一些群集和一些孤立(和旋转)的标记。每次放大某个群集时,旋转的标记都会消失。有谁知道为什么会发生这种情况?

回答

0

找到了由戴夫莱弗提供的解决方案..完美的作品。

“你可以破解它L.MarkerClusterGroup工作(所以它是没有比它差的话)通过,如果没有_icon改变在旋转插件保释更新功能的开始:

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);" />'})});" 
1

简单地旋转标记,使用方法:This Leaflet Plugin

包括这在你的HTML:

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

文创建一个标记:

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

a complete example