MapPuzzle.gl

MapPuzzle.xyz is an experimental website, developed with React and Deck.gl. It is an accessible way to learn cartography, through this project I try to offer an interactive learning experience with maps. Description of the game We have a list on the left side of the screen, with the list of puzzle pieces which, depending on [...]

View More

@deck.gl/carto Demo

Test application of Deck.gl using React. The application has been divided into different components of React, communicating with each other. In the tool panel, the following modifications can be made on the map:

  • Change view (Show GeoJsonLayer)
  • Select the continent
  • Thickness of the line
  • Color scale height
  • Line colour
  • Colour of the polygon (the colour will be darker depending on the population level of the country)
  • Table with country information when you place the mouse over the polygon
  • Legend population and country count by Continent

Other features I have yet to explore:

  • Try some other ArcLayer, HexagonLayer, GridCellLayer components, etc
  • To be able to select the layers to be displayed and to zoom into the scope of each one.

Test app in http://aaranda.es/static/deckgl/

Download on Github.