https://github.com/ananyaarun/open-street-maps

Extracting GeoJSON data and rendering it on maps using leaflet.js and mapbox.js libraries
https://github.com/ananyaarun/open-street-maps

Last synced: 17 days ago
JSON representation

Extracting GeoJSON data and rendering it on maps using leaflet.js and mapbox.js libraries

• Host: GitHub
• URL: https://github.com/ananyaarun/open-street-maps
• Owner: ananyaarun
• Created: 2018-02-24T20:44:24.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-03-20T13:49:48.000Z (almost 6 years ago)
• Last Synced: 2024-11-09T09:53:14.075Z (2 months ago)
• Language: Shell
• Homepage: https://ananyaarun.github.io/OSM3
• Size: 1.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Humanitarian OpenStreetMap

This repository contains my contributions to OpenStreetMap.

As a part of contributing to HOTOSM I have succesfully done the following:

1) Created geojson vector files

2) Set up my own vector tile server using Docker

3) Extracted OSM data

4) Visualised maps 

## The repository contains the following files:

## 1) Geojson files

   places.geojson , dataset1.geojson and stations.geojson

   These files contain Geojson points that can be incorporated to create a layer of points on a map.

   It was created with the help of MapboxGL.I learnt how map layers are specified via geojson files.

   

## 2) Docker 

   I started on the project by understanding how open street maps work end to end and also extracted OSM data for the map.

   I installed Docker and set up a map server locally.

   Here are the step by step instructions I followed to achieve the same

   https://ananyaarun.github.io/Docker

   The folder openmaptiles contains all the tiles downloaded after the succesful installation.

   

## 3) First map visualisation

   I created a map with an additional layer of city infrastructure specified by me. Each city marker has clickable link with a pop

   up which links to a wiki page. Multiple markers are used e.g. Airport, Harbor.

   https://ananyaarun.github.io/OSM2

   

## 4) Second map visualisation

   I used the leaflet library to achieve a configurable layer. This example allows the user to select the basic theme.

   (grayscale or streets) and provides a select button to show or hide the layer of cities. With a single click, the user can make 

   the layer visible.

   https://ananyaarun.github.io/OSM3

   

## 5) Third map visualisation

   I used Mapbox.js library to display a map with two layers - one showing urban areas and one showing ports. I implemted

   displaying geojson data from an external public URL

   https://ananyaarun.github.io/OSM4