Roman Empire Map made with vector tiles
Blog posts:
http://commons.pelagios.org/2017/11/building-the-roman-empire-vector-tile-map/
http://commons.pelagios.org/2017/09/rdg-update-the-roman-empire-vector-map-project/
More information at:
Map of the Roman Empire made with vector tiles
Home Page: https://klokantech.github.io/roman-empire/#4.01/41.957/19.646/0/8
Roman Empire Map made with vector tiles
Blog posts:
http://commons.pelagios.org/2017/11/building-the-roman-empire-vector-tile-map/
http://commons.pelagios.org/2017/09/rdg-update-the-roman-empire-vector-map-project/
More information at:
Let's create 3 TM2Source projects
each will contain only data of certain precision and will cover only relevant zoom levels.
Please push these .tm2source files into GitHub too - into a new branch. Inside should be the used GeoJSON.
A dynamic switcher (a dropdown) for languages to be added to the corner of the viewer:
https://github.com/klokantech/roman-empire/blob/master/index.html
Replace "latin" with "greek" or "modern".
If "greek" is turned on - all transform (uppercase) must be switched off.
I am keen to develop a fully vector-based map - integrating OpenMapTiles and our contour lines and hillshading. For now, we use in the background the raster tiles made from DARE data:
https://github.com/klokantech/dare-raster-tiles
But it is a temporary solution, independent of hosting with with data quality issues and incomplete world coverage.
@johaahlf - what about to display now in the background the raster tiles from AWMC?
What is your thinking about this?
They are claimed to be completely free for use and CC-BY licensed:
http://awmc.unc.edu/wordpress/tiles/map-tile-information
A demo of how it would look:
http://labs.klokantech.com/klokan/roman-empire-awmc/#3.96/39.01/21.14
The zoom levels need to be changed in the script generate-tiles.sh to correspond to the raster map at dare.ht.lu.se. In general they need to be one less. Can I do that myself? What does the -B parameter stands for? -Z seems to be min-zoom and -z max-zoom. @klokan
The job is to recreate the look&feel of the http://dare.ht.lu.se/ with the vector tiles.
Documentation for Maputnik (the open-source online editor) at: https://github.com/maputnik/editor/wiki
Use the link "Edit the map" in the bottom of GitHub README.md.
Be sure to "Export" in Maputnik and drag&drop the right style.json into this repo.
Hi all,
just dropping in quickly to say two things:
Create label layer with points - in centroids (improved) for the provinces:
provinces_names.geojson
Let's split the places to 3 GeoJSONs - high, medium, low.
Every place in only one of the GeoJSON.
I believe the right approach for this project is to pre-generate the data into vector tiles which are static - probably saved as PBF files in a folder or packed in SQLite/MBTiles.
The first version can be easily done with Mapbox Studio Classic software: https://www.mapbox.com/mapbox-studio-classic/
@idastorm please install this software and try it with these data:
https://github.com/klokantech/vector-tiles-sample (download and open, esp. countries.tm2source - and try to modify, change data, etc).
Later on we can automate the process of generating vector tiles from the input data on command-line - with TileLive/OpenMapTiles stack or with TippeCanoe.
For raster data (TIFFs) the easiest is to use our MapTiler.
We have made vector tiles with SQLite in and basic style of these with Mapnik CartoCSS.
Thanks @idastorm !
The project files are now at:
https://github.com/klokantech/roman-empire/tree/tilemill2
@idastorm Could you please drop here some screenshots of the style made in Mapbox Studio Classic - for reference?
Please add to new files to the build script.
10m_rivers_lake_centerlines.geojson
10m_lakes.geojson
Providing source information showing where map elements such as settlements, forts and especially the road network were derived from would be helpful.
Great project!
The sprites had an issue - lets make a sample layer showing one of the icon - for @idastorm as a starting point for styling with icons.
when looking at your marvellous geojsons of Roman roads and fortifications, I noticed an awful error: the so called Hadrian's Wall and Antonine Wall (black horizontal lines in Scotland) are located at least one degree too high.
I am sure you can correct his and I hope you will put a revised Geojson on Github, but what I wonder a bit about is, that the original on The Roman Digital Map doesn't have this huge error. It does not really look like linked open data.
But apart from this, I would like to epxress my many thanks for these most interesting resources!
Reported by: Allard Mees [email protected]
We can use https://github.com/klokantech/thumbnail-gl
The map visible at https://klokantech.github.io/roman-empire/#4.44/43.015/15.874 with style
https://klokantech.github.io/roman-empire/style.json
@petrsloup - could you please try it - and give us a command for that?
@johaahlf could you please upload to https://www.klokantech.com/upload/ the TIFFs for layers:
visible at:
We can then use www.maptiler.com to turn it into raster tiles - to give our vector map the main background layer and same feeling as the old map has.
after I added two layers (10m_lakes and 10m_rivers) and changed zoom level settings in the task/generate-tiles.sh the mbtiles doesn't show up on the map. @klokan
It would be great to make a demo of time slider with appearing / disappearing elements on the map based on their time period. Maybe going back in time with the slider where individual elements disppear?
It can be based on the prototype @klokantech team made:
See:
http://labs.klokantech.com/timechange/#15.35/51.5112/-0.0955/4.4/60
A map application using this code should give credit to Klokan Technologies GmbH, please.
It could be turned into web visualisation of 4D data based on the interpretation of the unique world-wide GIS layer with start and end years of the features.
(The demo above uses the physical height of the buildings instead of years - as we miss the time period information in the OSM data right now)
It is all powered our open-source project OpenMapTiles.org and OpenStreetMap data and vector tiles we produce - but we can process easily process your own existing geodata from PostGIS database and make similar interactive visualisation for your project - and improve the design, add animations and make it really cool and interactive.
It can also run on a mobile phone - and can be turned to native mobile application - with native mapping SDKs for Android and iOS (see our OpenMapTiles or GeoEditor mobile apps).
If anybody is really interested to bring this much further on larger data - Klokan Technologies GmbH can help with that.
@idastorm could you please try to adopt this code into the roman-empire index.html in this repository?
#17 After the switch language dropdown was added, the zoom in/out control doesn't appear anymore (Firefox, Chrome). The following line seems to be missing. I can add that myself:
map.addControl(new mapboxgl.NavigationControl());
I have implemented something similar on the DARE domain when I was playing around with the Mapbox-gl-js API, https://dare.ht.lu.se/vector/#9/43.7820/5.1240/0/60
I made the Javascript change style, which is a bit slower.
I have just installed the Tilserver-GL on one of my domains using Docker, http://ht-uppakra.ht.lu.se:8080/
This is currently the only server running Ubuntu 16.04 LTS.
Label of major settlement getting cut off. Can be solved by checking the "Avoid Edges" which is "recommended in layers that don't have enough padding in the vector tile to avoid collision..."
When checked it looks like this:
Not many place labels are showing, is this acceptable @johaahlf ? Is there another way around it @klokan ?
After struggling a little with the time slider demo (issue #20 - new post soon), upon a request from @johaahlf , I have been looking at turning on and off different place categories (defined by different IDs in the style.json file), but without success. I am hoping that @klokan or someone else can look at it and give me feedback? It is just a test for turning on and off the major settlements.
This is the key lines. The whole file is also attached.
var hideLayer = function(layerId) {
if (!STYLE_JSON) return;
var styleObj = JSON.parse(JSON.stringify(STYLE_JSON));
//accessing the style sheet with the ID places_major_settlement. Updated style version where set to visible on default (all boxes checked)
styleObj[layerId].layout.visibility = 'none';
map.setStyle(styleObj);
};
Hello,
We, at the Theban Mapping Project in Egypt were using the Pelagios map as part of our Arches powered database of Egyptian archaeological sites. We found it very useful to verify our site locations against yours and we were very disappointed to find that we can no longer use the old link. Arches uses Bing maps as its GIS component and we used to use the static tiles as an overlay on our Bing base map of Egypt. Will the new project allow us to integrate the map in the same way? Is the new map released? Is there any link to the old map that we can continue to use for the time being?
Add a copyright note inside the mbtiles file leading to
DARE, https://dare.ht.lu.se and Klokantech
Please update the files with correct versioning on GitHub.
This means to "commit" the files into this repository.
You can use git
on command line or graphical user interface such as:
https://desktop.github.com/
or
https://www.sourcetreeapp.com/
The last places update failed to build. I read the log file and its seems it is not related to the geojson files but the system files @klokan
Export OSM-rivers with Latin names from PostGIS local DARE database to GeoJSON file.
The first step is to collect the data displayed in DARE, which has open license and can be placed on GitHub - ideally as GeoJSON in this repository in a "data" folder.
Important for the first version of the vector maps are especially:
provinces, roads, places
A complete list of all layers in DARE is in the Implementation notes from the meeting today:
https://docs.google.com/document/d/1JH2t2NiVf0j3EJHnYKw6t-pPzJDbWaF5cO4Kbi13-RY/edit#
@johaahlf - could you please provide these until next meeting (Wednesday)?
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.