![image](https://private-user-images.githubusercontent.com/15665709/259288770-6063a726-c6d1-4da3-8d67-e36d68d42825.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzMjQ0OTYsIm5iZiI6MTcyNDMyNDE5NiwicGF0aCI6Ii8xNTY2NTcwOS8yNTkyODg3NzAtNjA2M2E3MjYtYzZkMS00ZGEzLThkNjctZTM2ZDY4ZDQyODI1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIyVDEwNTYzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRlZmZhNmU4ZjhlMWE1OWI3ZjY2OGZhYThlN2M0ODA0NjlkYWJiZGQ5YTEwYWUwMGQwNDIxYjhmYmE0ZTU3MTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RQ9_wsppKeeLjGPo7LzO25wohrIE_jermdn3pss0mj4)
2021年臺灣旱災缺水危機為發生於2021年初台灣本島西部地區的大規模乾旱事件,導致各地區進入不同程度的減壓供水、限水、停耕、歇業等情況,此為自1947年以來最嚴重乾旱、又被稱作「百年大旱」。 此波旱象於5月底~6月底連續幾波梅雨鋒面、陣雨、西南氣流帶來明顯降雨而緩解,中央旱災應變中心於6月22日解除開設
Ref: 維基百科 - 2021年臺灣旱災缺水危機
這波百年大旱發生時,當時我正在水利署服替代役,因為全台缺水,整個水利署都在為民生和工業調度水資源忙得不可開交。身為一個小小的替代役,業務上能直接協助的事情並不多,我能幫忙比較多忙的部分,就是發揮自己的所學,把水井的Open Data放上Google Map,將資料視覺化,讓資訊檢索更有效率,同時加上了預約取水的介面與功能,希望在旱災時能用自己的一份力量幫助台灣
- Website Dev by NorthBei from Metartemis
PC |
---|
Mobile | Mobile | Mobile |
---|---|---|
Service | Version |
---|---|
Node.js | v18.16.0 |
npm | v9.5.1 |
Vue | Vue2 |
Rename the .env.local.example
to .env.local
, and get the env var from Google Map API console
Service | Env var |
---|---|
Google Map | VUE_APP_GOOGLE_MAP_API_KEY |
Note: The current production google map api key is hosted by 2021newtaipeiculturefestival project
Install packages & Run the development server:
npm install
npm install serve
Install all packages
yarn install
Run development web server at http://localhost:8080 to compile and hot-reloads for development
npm run serve
Run lint for all .vue
, .js
, .json
files by eslint
npm run lint
Compiles and minifies for production
npm run build
Run local static file server for preview built result at http://localhost:8080
npm run preview
- Design
- Development
- 如何解決Node 17(含)以上,執行Vue2會出現ERR_OSSL_EVP_UNSUPPORTED:
- Disalbe Vue Cli PWA service