Website: Wikivoyage Districtifier
Creates district overview maps for Wikivoyage.
Intuitively create district overview maps for Wikivoyage
Home Page: https://rene78.github.io/Wikivoyage-Districtifier/
License: MIT License
Website: Wikivoyage Districtifier
Creates district overview maps for Wikivoyage.
Sometimes the longitude values of the bounding box are malformed (long < -180° || long > 180°).
Happens when zooming all the way out so that "many worlds" are visible and then panning to one of the "neighbouring worlds".
Possible fixes:
Something is wrong, if one tries to delete any but the last district. Problem most probably related to numbering of "item" classes and "WikidataIds" array.
Remove tooltips via CSS, when in small screen mode (Else black box on left side)
Currently only works for the first 2 districts. Related to node count.
After each change save a version of "wikidataIds" in a new variable. For this it is best to change "wikidataIds" to an object similar to this:
var wikidataIds = {
//"key": values (an object with a string and an array in this case)
"0": {name:"District 1", ids: [1,2,3]},
"1": {name:"District 2", ids: [4,5,6]}
};
//Access values
console.log(wikidataIds["0"].name); //Brackets needed because of number-only key name
console.log(wikidataIds["0"].ids[1]);
//Or like that
var x=0;
console.log(wikidataIds[x].name);
//Change value
wikidataIds["0"].name="Eastern District";
console.log(wikidataIds);
Make sure that all elements fill out screen completely in vertical direction on large screens. For this the navbar and details ("help") needs to be added to "#content" grid and change value "height: 100vh;". See this stackoverflow post
Just like on Wikidata Extractor. Some smooth scrolling would be nice to have (http://jsfiddle.net/hf4gap4v/, https://stackoverflow.com/questions/17631417/css-pure-css-scroll-animation)
e.g. <input type="radio" name="selected" title="Activate district to add/remove polygons">
Example:
{{Mapshape|type=geoshape|wikidata=Q158089,Q4071168,Q158106|group=map1|fill={{StdColor|T1}}
|title=District 0}}
See this.
In order to select multiple districts in one go. Leaflet Lasso could be a good option.
Expected behaviour: Color of polygons should be removed & output window updated
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.