https://github.com/arasgungore/mapapp
A GPS app built with Angular.js and integrated with the Google Maps API.
https://github.com/arasgungore/mapapp
angular angular-cli angularjs geographical-information-system geospatial-analysis geospatial-data google-maps google-maps-api google-maps-javascript google-maps-javascript-api google-maps-services gps gps-location gps-tracker gps-tracking location-services map-application maps-api maps-data routing
Last synced: about 2 months ago
JSON representation
A GPS app built with Angular.js and integrated with the Google Maps API.
- Host: GitHub
- URL: https://github.com/arasgungore/mapapp
- Owner: arasgungore
- License: mit
- Created: 2024-01-08T06:53:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-08T13:19:27.000Z (over 1 year ago)
- Last Synced: 2024-01-27T08:07:11.141Z (over 1 year ago)
- Topics: angular, angular-cli, angularjs, geographical-information-system, geospatial-analysis, geospatial-data, google-maps, google-maps-api, google-maps-javascript, google-maps-javascript-api, google-maps-services, gps, gps-location, gps-tracker, gps-tracking, location-services, map-application, maps-api, maps-data, routing
- Language: HTML
- Homepage:
- Size: 130 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MapApp
This project is a GPS app built with Angular.js and integrated with the Google Maps API. It provides functionalities like showing the current location, zooming in and out, and basic map interactions. It serves as a starting point for a more feature-rich GPS application.
## Table of Contents
- [Getting Started](#getting-started)
- [Project Structure](#project-structure)
- [Usage](#usage)
- [Features](#features)
- [Contributing](#contributing)
- [License](#license)
## Getting Started
1. Install dependencies:
```bash
cd map-app
npm install
```
2. Add your Google Maps API key in `index.html`:
```html
```
Replace `YOUR_GOOGLE_MAPS_API_KEY` with your actual Google Maps API key.
## Project Structure
```plaintext
map-app/
|-- src/
| |-- app/
| |-- components/
| | |-- map/
| | |-- map.component.ts
| | |-- map.component.html
| | |-- map.component.css
| |-- services/
| | |-- google-maps.service.ts
| |-- app.component.ts
| |-- app.module.ts
| |-- app-routing.module.ts
| |-- app.component.html
| |-- app.component.css
|-- index.html
|-- angular.json
|-- tsconfig.json
|-- package.json
```
## Usage
1. Run the application:
```bash
ng serve
```
2. Open your browser and visit `http://localhost:4200/` to see the basic map.
## Features
- Display current location
- Zoom in and out
- Basic map interaction
## Contributing
Contributions are welcome! Please follow the [Contributing Guidelines](CONTRIBUTING.md).
## License
This project is licensed under the [MIT License](LICENSE).
## Author
👤 **Aras Güngöre**
* LinkedIn: [@arasgungore](https://www.linkedin.com/in/arasgungore)
* GitHub: [@arasgungore](https://github.com/arasgungore)