open-historical-map-labs / vectortilesdemo Goto Github PK
View Code? Open in Web Editor NEWA demonstration of vector tiles for visualizing temporal data: Nation, State/Province, County
A demonstration of vector tiles for visualizing temporal data: Nation, State/Province, County
Time slider has basic functionality, but not yet UI considerations:
At present there is no persistence mechanism to share my view, e.g. URL params to load the map at a given XYZ and then to toggle layers as well.
When changing from one year to the next (YearPickerControl
) is it possible to introduce some sort of easing effect?
Possible methodology:
visibility: none
Could be complicated, particularly if we introduce user-defined opacity (opacity sliders) which would need to be kept in sync to two different sets of layers, and as we break apart the layers into more sub-layers (e.g. counties, broken up for color-classification, for county, township, etc.) and keeping potentally dozens of layer in sync...
Switch map to 1950 and the states of KS and MO vanish.
I am guessing this is an issue in the date filtering, as Kansas was formed on 1950/08/30 and I think I have my "01/01" and "12/31" swapped. The match here should be for START <= 1950/12/31 AND END > 1950/12/31
tro encompass a feature having a presence at any point during the year.
Current setup is not amenable to local development. Running a browser directly on index.html won't load vector data (PBFs) due to cross-origin considerations. Adding a setup for webpack-dev-server or similar would work well.
Also, current implementation is written in "old style" JavaScript and CSS. No SASS/LESS, no ES2017 classes and syntax, etc.
The usual basemaps we would use on most projects, have state/province boundaries, streets, etc. but of course, for a historical map that's not appropriate and can be distracting. Even terrain maps and hydrology maps (white land, blue water) can be wrong at various points in history, as they do change in subtle ways and in large ways (river meandering, dams flooding valleys).
Additionally:
Need a place to host the tiles. Initial pilot is running them from my EC2 "playground" which won't be around forever, and which does not support HTTPS.
The layerpicker is defined in #4 and probably needs styling there in #4 This is different.
Counties don't become valid until z6, and states until z3. If one goes directly to Counties from the opening view, it "seems broken" that nothing happens.
LAYER_GROUPS
) define min/max Zs per layer, then monitor the map.zoom
events to enable/disable the UI for that layer? Disable the checkbox, decrease opacity, ...COUNTIES_MIN_ZOOM
At present there is no layer picker. Need to toggle historical state/county and to toggle modern state/county individually.
Tooltip behavipor in place at present, is placeholder to show what's there. Needs design, or rethinking as to desired behaviors. Should this happen only on a click for example, while hover shows a smaller tooltip?
Cartography isn't determined, so this just uses some ugly brown and yellow fills for States and Counties. What would be the desired cartography here: classifications (layers) and colors?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.