How can we start building a GIS-based website from scratch with no web development experience?

0
0
Asked By CuriousPineapple42 On

Hey folks! I'm currently working on a research project with my group, and we want to create a straightforward GIS-based website. The idea is to display spatial data and assist users in making decisions based on environmental and ecological information we're collecting. We aim to include interactive maps generated using QGIS. The catch is, none of us have any background in web development, but we're keen to learn!

Here's what we're hoping to accomplish:
- Display GIS maps exported from QGIS on the webpage
- Allow users to toggle between different map layers
- Host the site for free, maybe using GitHub Pages
- Eventually add features like search or user data input

We're looking for a beginner-friendly, step-by-step guide to help us get started. Also, realistically speaking, is it possible for us to learn enough to build a working prototype in 1 to 2 weeks? We don't expect perfection, just something functional to showcase our ideas. Any advice or resources would be greatly appreciated! Thanks a lot!

4 Answers

Answered By SimpleTechie On

Don't overthink it! The web can be straightforward. Use the QGIS2Web plugin to export your maps into HTML and JavaScript. It streamlines the process—you just point to the output directory, and you're almost set! Hosting on GitHub Pages is easy too. Check it out!

Answered By WebNinja89 On

Honestly, aiming to build a working prototype in 1 to 2 weeks seems a bit unrealistic if you're starting from zero. It might take several months to get a good grasp of web development and then some extra time related to your project specifics. Have you considered scaling down your project a bit?

Answered By AIExplorer On

You might want to consult AI tools for additional guidance. They can help with questions and tips you might need while learning.

Answered By VueFanatic On

I came across this project that uses VueJS. You could borrow ideas from it while using your preferred framework. Here's the link: https://github.com/musasutisna/vue-gis. Hope it helps with your project! Happy hacking!

Related Questions

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.