Leaflet GeoJSON (master vs 0.7)

Benchmark created by Mourner on

Preparation HTML

<script src="http://leafletjs.com/examples/us-states.js"></script>

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js?2"></script>
<script>
L2 = L.noConflict();

                function getColor(d) {
                        return d > 1000 ? '#800026' :
                               d > 500  ? '#BD0026' :
                               d > 200  ? '#E31A1C' :
                               d > 100  ? '#FC4E2A' :
                               d > 50   ? '#FD8D3C' :
                               d > 20   ? '#FEB24C' :
                               d > 10   ? '#FED976' :
                                          '#FFEDA0';
                }

                function style(feature) {
                        return {
                                weight: 2,
                                opacity: 1,
                                color: 'white',
                                dashArray: '3',
                                fillOpacity: 0.7,
                                fillColor: getColor(feature.properties.density)
                        };
                }
</script>
<script src="http://leaflet-cdn.s3.amazonaws.com/build/master/leaflet.js"></script>

<div id="map" style="height: 600px"></div>
<div id="map2" style="height: 600px"></div>

Setup

var map = L.map('map').setView([37.8, -96], 4);
    var map2 = L2.map('map2').setView([37.8, -96], 4);

Teardown


    map.remove();
    map2.remove();

Test runner

Ready to run.

Testing in
TestOps/sec
master
L.geoJson(statesData, {style: style}).addTo(map);
ready
0.7
L2.geoJson(statesData, {style: style}).addTo(map2);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.