c4software / firebase-realtime-maps-sample

Realtime Leaflet Maps + Firebase marker sync

Repository from Github https://github.comc4software/firebase-realtime-maps-sampleRepository from Github https://github.comc4software/firebase-realtime-maps-sample

firebase-realtime-maps-sample

Sample application to show the Realtime aspect of Firebase with Leaflet and realtime marker sync.

Maps Sample

Configure your Firebase Database

In order to make this sample to work you have to edit the configuration file. This file is located in ./src/config/firebase.js. After editing its should look like to something like :

const config = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: ""
  };

export default config;

All this value can be found in your Firebase Project Settings.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

About

Realtime Leaflet Maps + Firebase marker sync


Languages

Language:Vue 53.0%Language:JavaScript 30.2%Language:HTML 16.8%