/vue-weather-app

Vue-Js 2 Weather app using Googlemaps and Darksky Api.

Primary LanguageCSSMIT LicenseMIT

Weather Map

DEMO: Vue weathermap

Description

Proof of concept - Vue2 Realtime weathermap

Uses:

  • Browser Geolocation
  • Google Maps Api v3
  • Openweather Api v2.5
  • Vue2
  • VueRouter
  • VueResource

Usage:

Accept geolocation request from browser and wait for the map to load. When loaded you can click on the Map to update the Location as well as the local weatherdata. You are also able to update the data via Lng. Lat. Coordinates or you can search for an Address via Google Geocode service.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, checkout the guide and docs for vue-loader.