/Moab-Map-APP

Primary LanguageJavaScript

Map APP

Introduction

Map APP is a single page application(SPA) featuring a map of Moab UT neighborhood I visited. The map includes my favourite locations, a search function to easily discover these locations, and a listview to support simple browsing of all locations. Each location is incorperated with third-party APIs that provide additional images from Flikr about it.

The code uses a Knockout observables to automatically display/update filtered locations in the list as well as in the map. It also utilizes the Google Maps API and Flickr image search API, all data requests are retrieved in an asynchronous manner.

Contents

  • Requirements**

    • JQuery

    • Bootstrap

    • Knockout

  • Porject files

    • main.html

  • Javascript Libraries

    • map.js

    • libs

      • jquery-3.2.1.min.js

      • knockout-3.4.2.js

  • CSS

    • bootstrap.min.css
    • custom.css

How To Run The Application

  • Double-click on main.html to start the page

** all of them are already included in js/libs/ and css folder