/goog-streetview-gallery

Street View gallery, using Google Closure and Google Sheets API.

Primary LanguageJavaScriptMIT LicenseMIT

goog-streetview-gallery

About

Street View gallery using MVC pattern:

  • Google Sheets API for the model.
  • SASS for the view.
  • Google Closure for the controller.

Live demo

Play with the demo on a Chrome browser.

Code

  • Data is written in Google Sheets, which acts like a database. For this demo, the data is written here:

    https://docs.google.com/spreadsheets/d/1pLm0dw1TgT0W8_CfGLVPfrgrFunW7GijNyHwwVv-dz4/

  • The data is then retrieved through JSONP using Google Sheets API. For this demo, it's this:

    https://docs.google.com/spreadsheets/d/1pLm0dw1TgT0W8_CfGLVPfrgrFunW7GijNyHwwVv-dz4/gviz/tq?gid=gallery

  • Then Google Closure JS is used to build the gallery. See src/streetview.js.