Skip to content

Design a web map containing geographic data in GEOJSON format (points, lines, and polygons), photos, popup windows, customized markers, etc.

Notifications You must be signed in to change notification settings

cez2020/Travel-destinations-in-Peru---Web-Map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CREATE A LEAFLET MAP USING YOUR OWN GEOJSON FILES

Let's build a Web Map. Travel destinations in Peru were used for this project, but any other geographic data can be easily implemented.

Requires

  • GEOJSON files - can be downloaded from external sources or converted from shapefiles using a free software like QGIS
  • For this webmap, GEOJSON files are included within the script.JS file
  • A Mapbox API - it's FREE
  • Leaflet library 1.7.1 (called in script file)
  • Mapshakers/leaflet-control-window - Leaflet plug-in that facilitates modal popups

Final Result

General view - satellite screenshot4

General view - light color screenshot6

Simple popup on city marker screenshot1

Simple popup on point of interest marker screenshot3

Modal popup on national park polygon screenshot2

Modal popup on world heritage site marker screenshot5

Video Demo (link)

https://youtu.be/DfV87Zmv7u4

About

Design a web map containing geographic data in GEOJSON format (points, lines, and polygons), photos, popup windows, customized markers, etc.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published