diff --git a/src/common/utilities.js b/src/common/utilities.js index 459083d..898ee56 100644 --- a/src/common/utilities.js +++ b/src/common/utilities.js @@ -169,11 +169,11 @@ export function calcOpacity (num) { } export function calcClusterOpacity (pointCount, totalPoints) { - return Math.min(0.8, 0.08 + (pointCount / totalPoints) * 50) + return Math.min(0.85, 0.08 + (pointCount / totalPoints) * 50) } export function calcClusterSize (pointCount, totalPoints) { - return Math.min(50, 10 + (pointCount / totalPoints) * 75) + return Math.min(50, 10 + (pointCount / totalPoints) * 250) } export function isLatitude (lat) { diff --git a/src/components/presentational/Map/Clusters.jsx b/src/components/presentational/Map/Clusters.jsx index 2e55de3..6da97ef 100644 --- a/src/components/presentational/Map/Clusters.jsx +++ b/src/components/presentational/Map/Clusters.jsx @@ -27,9 +27,9 @@ function ClusterEvents ({ const totalPoints = calculateTotalPoints() const styles = ({ - // fill: colors.fallbackEventColor, - // stroke: colors.darkBackground, - // strokeWidth: 0, + fill: colors.fallbackEventColor, + stroke: colors.darkBackground, + strokeWidth: 0, fillOpacity: calcClusterOpacity(pointCount, totalPoints), }) @@ -44,7 +44,7 @@ function ClusterEvents ({ cy='0' r={calcClusterSize(pointCount, totalPoints)} style={styles} - fill="url('#myGradient')" + // fill="url('#clusterGradient')" />} ) diff --git a/src/components/presentational/Map/DefsClusters.jsx b/src/components/presentational/Map/DefsClusters.jsx index 146966e..91ed1ac 100644 --- a/src/components/presentational/Map/DefsClusters.jsx +++ b/src/components/presentational/Map/DefsClusters.jsx @@ -2,10 +2,9 @@ import React from 'react' const DefsClusters = () => ( - - - - {/* */} + + + )