The bmannconsulting.com website
bmann.ca
1---
2link: https://facilmap.org
3tags:
4 - maps
5 - OpenStreetMap
6 - app
7 - opensource
8 - nodejs
9 - TypeScript
10---
11> FacilMap is a privacy-friendly, open-source versatile online map that combines different services based on [[OpenStreetMap]]
12
13You can run your own NodeJS + MySQL or Postgres + socket.io server.
14
15### Embed
16
17```
18<iframe style="height: 500px; width: 100%; border: none;" src="https://facilmap.org/mymap"></iframe>
19```
20
21Grab the location hash to have it centered where you want.
22## Collaborative Maps
23
24<https://docs.facilmap.org/users/collaborative/>
25
26> A collaborative map is a map that can be reached under its own unique URL. Users can add markers, lines, routes and various other things to the map, and if multiple people are working on it simultaneously, they all see each others’ changes instantly. Think of it like an [[Etherpad]], just for maps.
27
28> Every collaborative map has 3 URLs, an admin URL, an editable URL and a read-only URL. Accessing the map through its different URLs will show the same map with the same data, but depending through which URL a user opened the map, they will have different permissions what to do with it. The URL of the map acts as the password to access it: Anyone who has the admin URL will have the ability to administrate the map.
29
30## Developers
31
32<https://docs.facilmap.org/developers/>
33
34> - [Embed FacilMap](https://docs.facilmap.org/developers/embed.html) into any website using an iframe.
35> - Run your own [FacilMap server](https://docs.facilmap.org/developers/server/).
36> - Use the [FacilMap client](https://docs.facilmap.org/developers/client/) to programmatically access and modify data on a collaborative map.
37> - Use the [Leaflet components](https://docs.facilmap.org/developers/leaflet/) to embed certain feature of FacilMap into a Leaflet map.
38> - Use the [FacilMap frontend](https://docs.facilmap.org/developers/frontend/) to embed an extended or modified version of FacilMap into a website.
39> - Read about the [dev setup](https://docs.facilmap.org/developers/development/dev-setup.html) to start contributing to the FacilMap code.
40