Skip to content

blinkdagger182/ais_hack0thon

Repository files navigation

```markdown

Angular Maps Project

This is an Angular project that demonstrates integrating Google Maps to display markers with information fetched from a service.

Prerequisites

Before running this project, ensure you have the following installed:

  • Node.js and npm (Node Package Manager)
  • Angular CLI (Command Line Interface)

Installation

  1. Clone this repository to your local machine:

    ```bash git clone https://github.com/your-username/angular-maps-project.git ```

  2. Navigate to the project directory:

    ```bash cd angular-maps-project ```

  3. Install project dependencies:

    ```bash npm install ```

Usage

  1. Start the development server:

    ```bash ng serve ```

  2. Open your web browser and navigate to `http://localhost:4200/\` to view the application.

  3. The map will be initialized with markers based on the data retrieved from the service.

Configuration

Google Maps API Key

To use Google Maps in this project, you'll need to obtain an API key from the Google Cloud Platform Console and replace `'YOUR_API_KEY'` in `index.html` with your actual API key:

```html

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

```

Project Structure

  • `src/app/components/maps`: Contains the MapsComponent responsible for initializing and plotting markers on the map.
  • `src/app/services/fetch`: Contains the FetchService used to fetch marker data asynchronously.

Dependencies

  • `@angular/core`: Angular core library.
  • `rxjs`: Reactive Extensions library for asynchronous programming.
  • `google-maps-api-loader`: A library for loading Google Maps API asynchronously.

Contributing

Contributions are welcome! If you find any issues or have suggestions, please open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details. ``` ```