A progressive web app made with Glitch and OpenLayers by Prashant. The app can track the user's location (if permission is granted). The app also features custom OpenLayers controls.
- ◎ Location
- ↻ Rotate the map clockwise
- ↺ Rotate the map anticlockwise
- 𝐓 Take a short tour
- 🇬🇧 Go to London with a panning effect
- 🇷🇺 Go to Moscow with an elatic effect
- 🇹🇷 Go to Istanbul with a bouncing effect
- 🇮🇹 Go to Rome with a spinning effect
- 🇨🇭 Got to Bern with a flying effect
- 🇮🇹 Rotate the map with the center as Rome
- 🏡 Go to Mumbai with an elastic effect
Made with Glitch
\ ゜o゜)ノ
Click Show
in the header to see your app live. Updates to your code will instantly deploy and update live.
Glitch is the friendly community where you'll build the app of your dreams. Glitch lets you instantly create, remix, edit, and host an app, bot or site, and you can invite collaborators or helpers to simultaneously edit code with you.
Find out more about Glitch.
On the front-end,
- edit
public/client.js
,public/style.css
andviews/index.html
- drag in
assets
, like images or music, to add them to your project
On the back-end,
- your app starts at
server.js
- add frameworks and packages in
package.json
- safely store app secrets in
.env
(nobody can see this but you and people you invite)