Suite

Style personnalisé pour les images de cluster dans OpenLayers 3 ?

Style personnalisé pour les images de cluster dans OpenLayers 3 ?


nouveau avec OpenLayers 3.

Bien qu'il soit possible de générer des polygones et des cercles simples (comme dans l'exemple de cluster), je souhaite générer un style de cluster plus complexe qui varie en fonction des caractéristiques contenues dans le cluster.

Par exemple, je voudrais générer un camembert dynamique basé sur des valeurs. Il est possible de rendre ce côté client à l'aide de la fonction de canevas HTML5 (arc()) et d'amis, mais je ne trouve pas de moyen de générer un tel dessin à l'aide de primitives de canevas génériques dans les styles OL3.

Quelqu'un peut-il me diriger dans la bonne direction? Si impossible, je vais "améliorer" OL3 avec la fonctionnalité manquante…


Si vous convertissez un canevas en une image HTML, vous pouvez utiliser leol.style.Icônepour afficher votre toile.

Étant donné queToileest un canevas prêt à être utilisé, vous devez utiliser un style comme celui-ci :

var image = nouvelle Image(); image.src = canvas.toDataURL("image/png"); style = new ol.style.Style({ image: new ol.style.Icon({ img: image, imgSize: [canvas.width,canvas.height], }) });

puis stylisez-le en utilisant quelque chose comme :

var clusters = new ol.layer.Vector({ source : clusterSource, style : style });

Voir la vidéo: Module 14: How to make a layerstacking in QGIS