This map was made using CartoDB and CartoDB.js. Data were extracted from Chronotrack and compiled as a CSV. Counts for each town were derived in Google Sheets. The locations were then geocoded and cleaned further in CartoDB.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' /> | |
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> | |
<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script> | |
<script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script> | |
<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/> |
- Create project directory
- Add this script to directory
- Run the script
- Voila!
Source: Answer to "Batch file fore creating base HTML files & folders"
A simple webmap made with the ArcGIS API for JavaScript. It depicts downtown land use for Georgetown. The land use layer is pulled from ArcGIS Online.
Built based on tutorial, "Build a web map using ArcGIS.com"
ECHO OFF | |
ECHO Starting SimpleHTTPServer | |
python -m SimpleHTTPServer |
My runs in Lexington as logged by RunKeeper. GPX files of individual runs were downloaded from RunKeeper and tracks were consolidated into a single GPX file using GPS Babel. I converted the combined GPX file into GeoJSON using OGR2OGR via QGIS 2.8.1. I used MapboxJS to pull in CartoDB's Dark Matter tiles and to generally just set up the map. Finally, I used jQuery to pull in the runs.geojson.
Next steps include:
- Add a class to each path (using D3js?)
- Use that class and CSS to mess with the opacity blending on the paths (mix-blend-mode perhaps?)
- Maybe do this with Mapsense...It'd just be nice to be able to use CSS a little more naturally
- Also, let's add some title text with cool neoness!
- It might also be cool to buffer the paths, dissolve into a single polygon and toss that through [TileLayer.bound
Need to figure out:
- How to not make this load so terribly
- How to query and use the data from the related http://gis.gscplanning.com/arcgis/rest/services/Parcels/FeatureServer/0
Just some experimentation with Esri-Leaflet. Basically, we have a feature service for our parcel data that is split into two layers: geometry and attribute data. The attribute data is a related table. Natively, Esri-Leaflet doesn't query data from a related table. Luckily Esri-Leaflet-Related exists. It's in beta and uses a release candidate build (I think that's the term) of Esri-Leaflet 1.0.0, but I was able to use it to pull data from the related attribute table and make it so that when the user hovers over a parcel (geometry), an info pane shows the parcel's address (related attribute table). When the user clicks, a table appears with more info about the parcel (related attribute table).