Skip to content

A GPS app built with Angular.js and integrated with the Google Maps API.

License

Notifications You must be signed in to change notification settings

arasgungore/MapApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

  1. Install dependencies:

    cd map-app
    npm install
  2. Add your Google Maps API key in index.html:

    <!-- index.html -->
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_MAPS_API_KEY&libraries=places"></script>

    Replace YOUR_GOOGLE_MAPS_API_KEY with your actual Google Maps API key.

Project Structure

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:

    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.

License

This project is licensed under the MIT License.

Author

👤 Aras Güngöre