Ionic v3 MASTER Google map Clusterer Spiderfier Firebase

Ionic v3 MASTER Google map Clusterer Spiderfier Firebase

A simple and useful app including Firebase GoogleMap clusterer and Spiderfier

$0.00

bestpak

bestpak

Member since 2018

Details

Version:
2.1
Ionic:
3.x  
Platforms:
iOS, Android  
Released:
3 years ago
Updated:
2 years ago
Category:
Starters
Tags:
,

A beautiful and easy to use google Map application , Cluster improve the performance of your application. Spiderfier allow you to add more than one marker exactly at same position as a previous one. Custom infoWindow with eventListener on it to switch to any other page of your application with the data of the current marker.

Important

If you are already usin ionic 4 , better to start from a blank project and replace the src folder to the blank project then install all the necessaries dependencies one by one.

New Version : 2.1

FIx minors bugs and add security rules on firebase

Version : 2.0.0

- Firebase

- Anonymous Login Auth

- Realtime Database

- Lazy Loading

- Google Map

- Nigt Mode Map

- Geolocation

- Auto Complete SearchBar

- Clusterer

- Spiderfier

- Custom InfoWindow

## Getting Started

go on the directory :
exemple mine is :
```

$ cd /Users/crucial/Downloads/http-wwwlacartedesagressionscom

```

then :
```

$ ionic serve -l

```

Answer yes to all the questions :
Install @ionic/app-scripts? (Y/n)
Install @ionic/lab? (Y/n)

You can also do it manually :
Check the website :
https://ionicframework.com/docs/native/geolocation/
And just install the dependencies you can find on package.json
Exemple :
```

$ npm install --save @ionic-native/geolocation $ ionic cordova plugin add cordova-plugin-geolocation --variable GEOLOCATIONUSAGEDESCRIPTION="To locate you"

```

etc...

## Install platform

```

ionic cordova platform add android

```

## Run on desktop

```

ionic serve -l

```

## Run on your phone

```

ionic cordova run android

```

## Build release

```

ionic cordova build android --release --minifyjs --minifycss

```

## Prerequisites

Get Google map API Key
https://developers.google.com/maps/documentation/javascript/get-api-key

Then change the key on index.html file
src/index.html

Create new Firebase project
https://firebase.google.com/

Then change the firebase config :
src/providers/firebase.credentials.ts

## Deployment

https://ionicframework.com/docs/cli/cordova/build/

## Authors

[email protected]

if you have any question, please feel free to contact me