https://github.com/bkcastro/ucscmap

interactive map build with three.js
https://github.com/bkcastro/ucscmap

Last synced: about 2 months ago
JSON representation

interactive map build with three.js

• Host: GitHub
• URL: https://github.com/bkcastro/ucscmap
• Owner: bkcastro
• Created: 2024-04-30T02:46:07.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-05-18T05:20:58.000Z (8 months ago)
• Last Synced: 2024-05-18T23:27:56.341Z (8 months ago)
• Language: JavaScript
• Size: 742 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UCSC Campus Map Project

## Overview

This project presents an interactive 3D map of the University of California, Santa Cruz (UCSC) campus. The map utilizes GeoJSON data sourced from OpenStreetMap and is rendered using the Three.js library. This interactive tool allows users to click on various campus buildings and obtain routes between them, courtesy of the OpenRoute Service.

The primary aim of this project is to provide an easy-to-use template for building 3D map web applications. 

## Features

- **Interactive 3D Map**: Explore the UCSC campus in three dimensions.

- **Building Information**: Click on any building to see detailed information logged to the console.

- **Routing**: Get custom routes between buildings directly on the map using OpenRoute Service.

- **Color Coding**: Buildings and routes are color-coded for easier identification.

## Using the Map

To use the map, select the buildings using the mouse and clicking on the with the left mouse button, then press calculate route (bottom right). Currently only routes between two buildings work. You can pan around the map using right click, rotate using the left click, and zoom using the mouse wheel.

## Screenshot

Here is a screenshot of the map in action:

![UCSC Campus Map](image.png "Interactive UCSC Campus Map")

## Technical Details

- **GeoJSON Data**: Data is pulled from OpenStreetMap.

- **Rendering Engine**: The map is rendered using Three.js.

- **Routing Service**: Routes are calculated using the OpenRoute Service.

## Installation

Clone the repository to your local machine:

```bash

git clone https://github.com/bkcastro/UCSCMap.git

cd your-project-directory