{"id":18803634,"url":"https://github.com/rofrol/elm-mapbox-symbols-draggable-example","last_synced_at":"2026-01-05T17:30:16.362Z","repository":{"id":66526042,"uuid":"170245751","full_name":"rofrol/elm-mapbox-symbols-draggable-example","owner":"rofrol","description":null,"archived":false,"fork":false,"pushed_at":"2019-02-26T18:48:19.000Z","size":4349,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-19T07:36:58.850Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Elm","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rofrol.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-02-12T03:32:59.000Z","updated_at":"2023-08-03T14:16:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"576aa9b3-de83-4790-993d-ffb4da817588","html_url":"https://github.com/rofrol/elm-mapbox-symbols-draggable-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rofrol%2Felm-mapbox-symbols-draggable-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rofrol%2Felm-mapbox-symbols-draggable-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rofrol%2Felm-mapbox-symbols-draggable-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rofrol%2Felm-mapbox-symbols-draggable-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rofrol","download_url":"https://codeload.github.com/rofrol/elm-mapbox-symbols-draggable-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239735263,"owners_count":19688262,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T22:36:15.406Z","updated_at":"2026-01-05T17:30:16.300Z","avatar_url":"https://github.com/rofrol.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"# elm-mapbox-symbols-draggable-example\n\n## Build a map-based web application\n\n#### Outline\nA food delivery company is planning a marketing campaign. The campaign site shows the restaurants of the user's hometown on a interactive map.\n\n#### Specification\nCreate a web application that shows a map of your hometown with a marker for every restaurant. Markers have two states, locked and unlocked. Users can lock or unlock a marker, a marker can be dragged around the map when unlocked.\n\n#### Requirements\n* The map must be zoom- and draggable\n* The application must work in IE \u003e 9, Firefox and Chrome\n* The application must run on the client-side\n* We expect you to write code you would consider production-ready\n\n## Run\n\nInstall node and elm and also some http server like `npm i -g serve`.\n\n```bash\n$ npm i\n$ cp .env.example .env\n# set your env variables in .env\n$ bash prepare.sh\n$ elm make src/Main.elm --output elm.js\n$ serve \n```\n\nOpen http://localhost:5000/.\n\n## Inspiration\n\nBased on:\n\n- https://github.com/gampleman/elm-mapbox/blob/master/examples/Example01.elm\n- https://docs.mapbox.com/mapbox-gl-js/example/drag-a-point/ \n\n## Result\n\n![](/screencapture.gif)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frofrol%2Felm-mapbox-symbols-draggable-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frofrol%2Felm-mapbox-symbols-draggable-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frofrol%2Felm-mapbox-symbols-draggable-example/lists"}