https://github.com/ahmadjamil888/pak-maps

Pak Maps - A clean, user-friendly route planner focused on Pakistan, offering directions between major cities with multiple travel modes (driving, walking, cycling, transit) in a simple, intuitive interface.
https://github.com/ahmadjamil888/pak-maps

app city islamabad lahore maps navigation pakistan peshawar quetta roads

Last synced: 5 months ago
JSON representation

Pak Maps - A clean, user-friendly route planner focused on Pakistan, offering directions between major cities with multiple travel modes (driving, walking, cycling, transit) in a simple, intuitive interface.

• Host: GitHub
• URL: https://github.com/ahmadjamil888/pak-maps
• Owner: Ahmadjamil888
• License: gpl-3.0
• Created: 2025-04-12T10:17:55.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-04-12T12:18:05.000Z (9 months ago)
• Last Synced: 2025-06-10T05:04:10.859Z (7 months ago)
• Topics: app, city, islamabad, lahore, maps, navigation, pakistan, peshawar, quetta, roads
• Language: HTML
• Homepage: https://ahmadjamil888.github.io/pak-maps/
• Size: 172 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Pak Maps - Route Planner for Pakistan

![Pak Maps Screenshot](https://raw.githubusercontent.com/Ahmadjamil888/pak-maps/refs/heads/main/Screenshot%20(28).png) 

A lightweight, client-side route planning application focused on Pakistan, allowing users to get directions between major Pakistani cities using their own Google Maps API key.

## Features

- 🗺️ Interactive map centered on Pakistan

- 🚗 Multiple travel modes (Driving, Walking, Bicycling, Transit)

- 📍 Preloaded major Pakistani cities

- 🔒 Secure - No API keys stored in code

- 📱 Responsive design works on all devices

- 🧭 Turn-by-turn directions with distance and time estimates

## How to Use

1. **Enter Your API Key**:

   - When you first open Pak Maps, you'll be prompted to enter your Google Maps API key

   - Don't have one? Get it from [Google Cloud Console](https://developers.google.com/maps/documentation/javascript/get-api-key)

2. **Plan Your Route**:

   - Select your starting location from the dropdown

   - Choose your destination

   - Pick your travel mode

   - The route will automatically update

3. **View Directions**:

   - Turn-by-turn instructions appear in the sidebar

   - The route is highlighted on the map

## Setup for Development

1. Clone the repository:

   ```bash

   git clone https://github.com/Ahmadjamil888/pak-maps.git