README.md

CoHabitat Map Plugin

Integrate the CoHabitat.io map in your website

Live demo: https://urbamonde.github.io/cohabitat-map-plugin/example-iframe.html

Usage

To install, add the following HTML code to your website. Make sure to replace PARTNER_ID_HERE by the id of the partner whose projects you want to display.

<iframe src="https://urbamonde.github.io/cohabitat-map-plugin/#partner_id=PARTNER_ID_HERE"
  width="800"
  height="450"
  frameBorder="0"></iframe>

Refer to your CMS's documentation for up to date instructions on how to achieve this.

• for wordpress: https://wordpress.org/support/article/custom-html/

Custom colors

You can customize the colors by adding color=RRGGBB in the url of the iframe. Make sure to replace RRGGBB by the hex code of the color you want to use.

<iframe
  src="https://urbamonde.github.io/cohabitat-map-plugin/#partner_id=PARTNER_ID_HERE&color=RRGGBB"
  width="800"
  height="450"
  frameBorder="0"></iframe>