json-configurable cluster icon (see #41)

js/wq/map.js

@@ -322,7 +322,7 @@ map.addOverlayType('geojson', function(layerconf) {
  if (layerconf.cluster && L.MarkerClusterGroup) {
  var options = {};
  if (layerconf.clusterIcon) {
- options.iconCreateFunction = layerconf.clusterIcon;
+ options.iconCreateFunction = _makeCluster(layerconf.clusterIcon);
  }
  overlay = new L.MarkerClusterGroup(options);
  } else {
@@ -623,6 +623,35 @@ function _makeMarker(icon) {
  };
 }
 
+function _makeCluster(clusterIcon) {
+ return function clusterDiv(cluster) {
+ var cls;
+ var context = {
+ 'count': cluster.getChildCount()
+ };
+ if (context.count >= 100) {
+ context.large = true;
+ } else if (context.count >= 10) {
+ context.medium = true;
+ } else {
+ context.small = true;
+ }
+ if (typeof clusterIcon == 'function') {
+ cls = clusterIcon(context);
+ } else if (clusterIcon.indexOf('{{') > -1) {
+ cls = tmpl.render(clusterIcon, context);
+ } else {
+ cls = clusterIcon;
+ }
+ var html = tmpl.render('<div><span>{{count}}</span></div>', context);
+ return new L.DivIcon({
+ html: html,
+ className: 'marker-cluster ' + cls,
+ iconSize: new L.Point(40, 40)
+ });
+ };
+}
+
 // Load map configuration for a given page
 function _getConf(page, mode) {
  var conf = map.config.maps[page];