Skip to content

zzcyrus/maptalks.Choropleth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

maptalks-plugin-Choropleth

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

Examples

Demo

Install

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

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

Usage

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);

Constructor

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

About

Auto color scale based on value for geojson

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published