Digital Map

Overview

The Mapa Digital de Chitagá puts our municipality on the digital map, showcasing local businesses, tourist routes, and points of interest to increase visibility for what we have to offer.

Mission: Poner a Chitagá en el mapa digital: comercios, rutas turísticas y puntos de interés que visibilicen lo que tenemos.

Local Impact

The Digital Map transforms how Chitagá connects with visitors and residents:

Business Visibility

Local businesses gain digital presence, reaching more potential customers

Tourism Growth

Tourist routes and attractions become discoverable online

Economic Development

Increased visibility drives economic opportunities for the community

Cultural Preservation

Document and share our local heritage and points of interest

Technology Stack

Leaflet
TypeScript
API REST

Interactive Mapping

Leaflet provides powerful, lightweight mapping capabilities:

Open Source: No vendor lock-in or licensing costs
Lightweight: Fast loading on mobile devices
Customizable: Tailored to Chitagá’s specific needs
Mobile-First: Optimized for smartphone users

// Example: Initialize Chitagá map
const map = L.map('map').setView([7.1167, -72.6833], 13);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '© OpenStreetMap contributors'
}).addTo(map);

// Add local business marker
L.marker([7.1167, -72.6833])
  .addTo(map)
  .bindPopup('Local Business Name');

Type-Safe Development

TypeScript ensures reliable, maintainable code:

Type Safety: Catch errors before runtime
Better IDE Support: Autocomplete and refactoring
Documentation: Self-documenting code
Scalability: Easier to maintain as project grows

// Example: Business location type definition
interface Business {
  id: string;
  name: string;
  category: 'restaurant' | 'hotel' | 'store' | 'service';
  coordinates: [number, number];
  description: string;
  hours?: string;
  contact?: string;
}

function addBusinessMarker(business: Business) {
  const marker = L.marker(business.coordinates);
  marker.bindPopup(createPopupContent(business));
  return marker;
}

Data Management

RESTful API for managing map data:

CRUD Operations: Create, read, update, delete locations
Search & Filter: Find businesses by category or name
User Contributions: Community can submit new locations
Data Validation: Ensure quality of map information

// Example: API endpoints
GET    /api/businesses          // List all businesses
GET    /api/businesses/:id      // Get specific business
POST   /api/businesses          // Add new business
PUT    /api/businesses/:id      // Update business
DELETE /api/businesses/:id      // Remove business

GET    /api/routes              // List tourist routes
GET    /api/points-of-interest  // List POIs

Key Features

Business Directory

Comprehensive listing of local businesses:

Restaurants and cafes
Hotels and accommodations
Retail stores
Professional services
Agriculture and produce

Each listing includes:

Location on map
Contact information
Business hours
Photos and descriptions
User reviews and ratings

Tourist Routes

Curated routes showcasing Chitagá’s attractions:

Historical landmarks tour
Natural landscapes route
Agricultural heritage trail
Cultural sites circuit

Features:

Turn-by-turn directions
Estimated duration
Difficulty ratings
Photo galleries

Points of Interest

Important community locations:

Parks and recreation areas
Churches and religious sites
Government buildings
Educational institutions
Healthcare facilities
Community centers

Community Contributions

Empower residents to maintain the map:

Submit new businesses
Update existing information
Add photos and reviews
Report errors or changes
Suggest new routes

Map Categories

Restaurants

Local dining and cuisine

Hotels

Accommodations and lodging

Stores

Retail and shopping

Services

Professional services

Tourism

Attractions and sites

Agriculture

Farms and produce

Architecture

Getting Started

Clone the Repository

git clone https://github.com/chitaga-tech/digital-map.git
cd digital-map

Install Dependencies

npm install

Configure Environment

Create a .env file:

DATABASE_URL=your_database_url
MAP_CENTER_LAT=7.1167
MAP_CENTER_LNG=-72.6833
DEFAULT_ZOOM=13

Run Development Server

npm run dev

The map will be available at http://localhost:3000

Development Roadmap

Phase 1: Core Map

✅ Basic map implementation
🔄 Business markers
🔄 Category filtering

Phase 2: Content

⏳ Business directory API
⏳ Tourist routes
⏳ Points of interest

Phase 3: Community

⏳ User submissions
⏳ Reviews and ratings
⏳ Photo uploads

Phase 4: Advanced

⏳ Mobile app
⏳ Offline maps
⏳ Turn-by-turn navigation
⏳ AR features

Usage Examples

Finding a Business

// Search for restaurants
const restaurants = await fetch('/api/businesses?category=restaurant');
const data = await restaurants.json();

data.forEach(restaurant => {
  addBusinessMarker(restaurant);
});

Adding a New Location

// Submit a new business
const newBusiness = {
  name: 'Mi Tienda Local',
  category: 'store',
  coordinates: [7.1167, -72.6833],
  description: 'Local products and crafts',
  hours: 'Mon-Sat 8am-6pm'
};

await fetch('/api/businesses', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify(newBusiness)
});

The map uses OpenStreetMap tiles, which are free and open source. No API keys required!

Impact Metrics

Metric	Current	Goal (2026)
Businesses Listed	0	100
Tourist Routes	0	10
Points of Interest	0	50
Monthly Visitors	0	2,000

This project is in the planning phase. The map is not yet publicly available.

Get Started

About

Services

Projects

Overview

Local Impact

Business Visibility

Tourism Growth

Economic Development

Cultural Preservation

Technology Stack

Interactive Mapping

Type-Safe Development

Data Management

Key Features

Map Categories

Restaurants

Hotels

Stores

Services

Tourism

Agriculture

Architecture

Getting Started

Development Roadmap

Usage Examples

Finding a Business

Adding a New Location

Impact Metrics

Build docs developers (and LLMs) love

Get Started

About

Services

Projects

​Overview

​Local Impact

Business Visibility

Tourism Growth

Economic Development

Cultural Preservation

​Technology Stack

​Interactive Mapping

​Type-Safe Development

​Data Management

​Key Features

​Map Categories

Restaurants

Hotels

Stores

Services

Tourism

Agriculture

​Architecture

​Getting Started

​Development Roadmap

​Usage Examples

​Finding a Business

​Adding a New Location

​Impact Metrics

Build docs developers (and LLMs) love

Overview

Local Impact

Technology Stack

Interactive Mapping

Type-Safe Development

Data Management

Key Features

Map Categories

Architecture

Getting Started

Development Roadmap

Usage Examples

Finding a Business

Adding a New Location

Impact Metrics