Skip to content

Latest commit

 

History

History
32 lines (22 loc) · 1.38 KB

README.md

File metadata and controls

32 lines (22 loc) · 1.38 KB

NextJS Leaflet Project

Introduction

This project demonstrates integrating Leaflet with NextJS for creating interactive maps. It serves as a practical example for the tutorial series on blog.cerita-faldi.xyz.

Technologies Used

  • NextJS: A React framework for server-side rendering and static web applications.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • Leaflet: An open-source JavaScript library for interactive maps.
  • GeoJSON: A format for encoding various geographic data structures.
  • Geoman: Tools for creating and editing geometry layers in Leaflet.

Features

  • Interactive Maps: Dynamic map interaction within a NextJS application.
  • GeoJSON Integration: Handling geographical data using GeoJSON.
  • Customizable Map Markers: Adding and customizing map markers.
  • Geoman Tools: Advanced map editing and geometry layer manipulation.
  • Responsive Design: Tailwind CSS ensures a responsive and modern UI.

Usage

  1. Map Navigation: Interact with the map to explore locations.
  2. Markers: Click on the map to add markers and view coordinates.
  3. Editing Layers: Utilize Geoman tools for map editing.
  4. GeoJSON Data: Visualize geographical data with GeoJSON.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.