Dan Joseph danbjoseph

Testing SVG limits of plotting points on map using D3, Leaflet following this base sample: http://bost.ocks.org/mike/leaflet. However instead of scaling SVG in deep zooms, I am using Enter/Update/Exit pattern from D3 to dynamically update points on map. This has been prototyped also here http://bl.ocks.org/sumbera/9972460 with brushing of 100T points.

For zooming out (causing all points to be displayed), I am filtering out points that can't be effectively visible, thus reducing number of points in SVG. (check console for log output).

This sample is using real data of 24T coordinates, with this points are clustered around cities, rather than artifically randomized. Real number of rendered points / removed points can be seen in console.log

#merge gpx files

gpsbabel -i gpx -f file1.gpx -f file2.gpx -o gpx -F merged.gpx

#attach GPX to photo get needed libs first

pip install gpxpy
brew install pyexiv2 exiftool
git clone https://github.com/mapillary/mapillary_tools.git

	/*
	This has been generated by the overpass-turbo wizard.
	The original search was:
	“newer:"2016-07-14T19:01:00Z" and building=*”
	*/
	[out:json][timeout:25];
	// gather results
	(
	// query part for: “newer:"2016-07-14T19:01:00Z" and building=*”
	node(newer:"2016-07-14T19:01:00Z")["building"]({{bbox}});

	[out:json][timeout:25];
	// gather results
	(
	// query part for: “newer:"2015-10-09T19:01:00Z"”
	node._(changed:"2016-06-28T10:01:00Z","2016-06-28T13:01:00Z")({{bbox}});
	way._(changed:"2016-06-28T10:01:00Z","2016-06-28T12:01:00Z")({{bbox}});
	area._(changed:"2016-06-28T10:01:00Z","2016-06-28T12:01:00Z")({{bbox}});
	relation._(changed:"2016-06-28T10:01:00Z","2016-06-28T12:01:00Z")({{bbox}});
	);
	// print results