A small maptalks plugin to Choropleth (color scale based on value), based on Leaflet.choropleth by timwis

Demo

Just include the maptalks-Choropleth.js/maptalks-Choropleth.min.js from the dist folder:

<script src="maptalks-Choropleth.js"></script>

var choropleth = new maptalks.Choropleth('choropleth', geojson, {
    valueProperty: 'incidents', 
    scale: ['white', 'red'], 
    steps: 5,
    mode: 'q', 
    style: {
        lineColor: '#fff', 
        lineWidth: 2, 
        polygonOpacity: 0.8
    }
}).addTo(map);

new maptalks.Choropleth(id, geojson, options)

• id String layer id

• geojson String|Object|Object[] GeoJSON objects or GeoJSON string

• options Object options

  • valueProperty String which property in the features to use ('value' by default)
  • scale String[] chroma.js scale - include as many as you like (['white', 'red'] by default)
  • steps Number number of breaks or steps in range (5 by default)
  • mode String q for quantile, e for equidistant, k for k-means ('q' by default)
  • style Object maptalks.Layer support style options (demo as reference)

• more infomation please check maptalks.Layer