יותר

עיצוב מותאם אישית עבור תמונות אשכול ב- OpenLayers 3?


חדש עם OpenLayers 3.

אמנם אפשר ליצור מצולעים ומעגלים פשוטים (כמו בדוגמת האשכול) אבל אני רוצה ליצור סגנון אשכול מורכב יותר שמשתנה בהתאם לתכונות הכלולות באשכול.

לדוגמה, ברצוני ליצור תרשים עוגה דינאמי המבוסס על ערכים. אפשר לעבד את הצד הזה של הלקוח באמצעות פונקציית בד HTML5 (arc ()) וחברים, אבל אני לא יכול למצוא דרך ליצור ציור כזה באמצעות פרימיטיבים קנביים כלליים בתוך סגנונות OL3.

מישהו יכול לכוון אותי לכיוון הנכון? אם זה בלתי אפשרי, "אשפר" את OL3 עם הפונקציונליות החסרה ...


אם אתה ממיר קנבס לתמונת HTML, תוכל להשתמש בol.style.Iconכדי להציג את קנבס שלך.

בהתחשב בכך שבַּדהוא בד מוכן לשימוש, עליך להשתמש בסגנון כזה:

var image = תמונה חדשה (); image.src = canvas.toDataURL ("image/png"); style = new ol.style.Style ({image: new ol.style.Icon ({img: image, imgSize: [canvas.width, canvas.height],})});

ולאחר מכן סגנון אותו באמצעות משהו כמו:

אשכולות var = ol.layer.Vector חדש ({מקור: clusterSource, style: style});


צפו בסרטון: Openlayers - Interactions on map with Openlayers (אוֹקְטוֹבֶּר 2021).