Git Product home page Git Product logo

project-4's Introduction

Projects 3&4: GeoWeb APP with a Mapbox Layer on Traffick Incidents

ENGO 651 - Advanced Geospatial Topics

Overview:

This website is an assignment for Advanced Geospatial Topics (ENGO 651) by group 6. We created a web mapping application for building permits in Calgary, Canada, which is taken from the Open Calgary API dataset. Users can find all building permits on the map by selecting the issue date range they like. Moreover, some useful information, such as contractor name and community name, of any building permit exists on the pop-up content of the marker that represents the specific building permit. To make the map visually appealing, we handled the problem of overlapping markers and made a cluster of the neighboring markers on the map.

Lab 4

For Lab 4, we have added a mapbox layer showing the locations of traffic incidents in Calgary, from csv dataset found on Open Calgary Data website. We created a layer on Mapbox layer and imported the data from the outlet mentioned above and added some personal touch to the map. This Geoweb Application will now be able to display not just building permits in Calgary when users search for it, it will also be able to display locations of traffic incidences in Calgary. All marker and map styles were done in Mapbox.

Libraries required to install:

  • Flask
  • requests
    You can find both libraries in the requirements.txt and install them by running this command pip3 install -r requirements.txt in the terminal window.

Tools and Resources used:

what’s contained in each file:

  • application.py: is responsible for python flask coding and getting JSON data from Open Calgary API dataset and then passes it to the building_permit_search.html file.
  • templates/building_permit_search.html: has the structure of the webpage and all links of Leaflet code.
  • static/styles/building_permit_search.css: this is a specified style sheet file for building_permit_search.html file.
  • static/js/building_permit_search.js: The codes for creating Leaflet map and date range widget algorithm, as well as the separate map layers are located in this file.
  • static/js/building_permits_after_searching.js: all algorithms after searching, including adding markers to the map, handling overlapping markers, and markers clustering, exists in this file.

project-4's People

Contributors

chimaze12 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.