[CLUSTERING] Customize noise marker on default clustering theme
How to customize noise marker while keeping default cluster theme
it is often required to keep the default cluster theme, while the need of customizing the noise marker style
Steps:
* Approach #1
Create a custom theme based on the default theme, them modify it.<br />var clusteredDataProvider = new H.clustering.Provider(dataPoints, { clusteringOptions: { eps: 2, minWeight: 3 }}`);//default themevar defaultTheme = clusteredDataProvider.getTheme();//custom themevar customTheme = { getClusterPresentation: function (cluster) { //Keep the default theme for clusters var clusterMarker = defaultTheme.getClusterPresentation.call(defaultTheme, cluster); return clusterMarker; }, getNoisePresentation: function (noisePoint) { //get the default noise markers var noiseMarker = defaultTheme.getNoisePresentation.call(defaultTheme, noisePoint); //modify them here.. //and return the custom marker (H.map.Marker) return noiseMarker; }}`//set the custom themeclusteredDataProvider.setTheme(customTheme);<br />
Approach #2
set ONLY getNoisePresentation method after the H.clustering.Provider has been created<br />var clusteredDataProvider = new H.clustering.Provider(dataPoints, {...});clusteredDataProvider.getTheme().getNoisePresentation = function (noisePoint) { //modify them here.. //and return the custom marker (H.map.Marker) return noiseMarker;}; <br /> <br /> <br /><br />