[Test] setmax min scale printer

by SIGC GUADALTEL

HTML

<script src="http://51.15.204.209/mapea-5.1.0.ol.min.js"></script>
<link rel="stylesheet" href="http://51.15.204.209/mapea-5.1.0.ol.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/js/configuration-5.1.0.js"></script>
<div id="map"></div>

CSS

html,
body,
#map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

const mapjs = M.map({
  container: 'map',
  controls: ['layerswitcher'],
});

const municipios = new M.layer.GeoJSON({
  name: 'Municipios',
  source: {
    "type": "FeatureCollection",
    "features": [{
        "type": "Feature",
        "properties": {
          type: 'sddtype-beach'
        },
        "geometry": {
          "type": "Point",
          "coordinates": [
            -6.3665771484375,
            37.79676317682161
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {
          type: 'sddtype-beach'
        },
        "geometry": {
          "type": "Point",
          "coordinates": [
            -6.3665771484375,
            37.99676317688161
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {
          type: 'sddtype-beach'
        },
        "geometry": {
          "type": "Point",
          "coordinates": [
            -6.652709960937499,
            37.656156969924915
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {
          type: 'sddtype-beach'

        },
        "geometry": {
          "type": "Point",
          "coordinates": [
            -6.352709960937499,
            37.656156969924915
          ]
        }
      }
    ]
  }
});

var estiloPunto = new M.style.Point({
  radius: 5,
  icon: {
    form: 'CIRCLE',
    class: '{{type}}',
    fontsize: 0.5,
    radius: 15,
    color: 'red',
    // fill: 'black',
  }
});

municipios.setStyle(estiloPunto);
var clusterOptions = {
  ranges: [{
      min: 2,
      max: 4,
      style: new M.style.Point({
        stroke: {
          color: '#5789aa'
        },
        fill: {
          color: '#99ccff',
        },
        radius: 20
      })
    }, {
      min: 5,
      max: 9,
      style: new M.style.Point({
        stroke: {
          color: '#5789aa'
        },
        fill: {
          color: '#3399ff',
        },
        radius: 30
      })
    }, {
      min: 10,
      max:...