I do not have time to really look into it right now, especially since I am setting up my own website step by step, learning html on the way and I certainly never tried to embed anything in it until now.
However, I was wondering if you considered using uMap? The 2nd and 3rd feature should be ok and I think it is also conform with FP’s ideology being based on OSM, for the first one I can’t tell you but the following is stated on the above mentioned website:
An instance of it lets you create a map with OpenStreetMap layers in a minute and embed them in your site.
Edit: It seems that the Discourse instance of the Fairphone Forum doesn’t support iframes. According to this page, “iframe code is whitelisted in Discourse itself since v1.1.1.”, and our version is beyond that.
I’m not sure it exactly fulfills your expectations but you should have a look at leafletjs : http://leafletjs.com/
You would have to host it, but it’s simple html/css + js and is lightweight, and easily updatable. I think it’s nothing that can’t be done on github.io for example.
Yeah the hosting is the problem… I’ve stumbled upon LeafletJS, but you would need to install it on the Fairphone server, which Fairphone won’t do, for just this one desire.
I’d like to open source the code, but I’m a total noob to pages like github. Could someone please point out the “way to do this” and talk me through it?
Hey, @Stefan, I can lend a hand with JavaScript, Git(Hub) and GitHub Pages if you still need help. I have wide experience with them all.
Contributions can be done with pull requests, editing a flat file with addresses (i.e. JSON file) in the GitHub web interface (avoiding git manipulation at all, and enabling a review process at the same time)
PS.: In order to keep everything connected to the forum, I’d say that people can only add their Fairphoners community to the map after adding it to the Local Fairphoners Address Book, providing a link to that address book entry.
Wow, almost two years after I started this topic, we are as close as ever to embed the Fairphone Community Map here on the forum! We are only awaiting a response from the responsible developer, who can look into activating a Discourse plugin.
Up until then you can see a preview locally in your browser!
Enter the browser’s console. (In Firefox press F12, in Chrome follow these instructions).
Paste this code into the command line: var whiteListIframe = require('pretty-text/sanitizer').whiteListIframe; whiteListIframe(/^(https?:)?\/\/wearefairphone\.github\.io\/fprsmap/i);. Hit ↵. (Reference)
Paste the embed code into a new forum post and observe the map in the preview window! (Fullscreen doesn’t work there… )