Subscribe to a region

Regional pilots (but also all users) have the option to log in on the landingpage and subscribe to a map section in order to be informed directly by e-mail via changes, e.g. In their city.

On the home page www.kartevonmorgen.org you click login at the top right. After that, you can register and subscribe to the excerpt. The steps will be explained to you on the page.

The username must not contain any points! Only one region can be subscribed to per account. However, multiple accounts with different usernames can be created per one email address. The function is still quite simple but fully functional.

Iframes to embed

The platform allows to filter by individual categories and embed this selection on your own homepage. In particular, associations and networks can present their locations and projects on their own website and at the same time make them available in a worldwide database and map. An example is the map above this text with all regional pilots

Full map widget with search bar

<div style="text-align: center;">
<iframe style="display: inline-block;" src=" https://www.kartevonmorgen.org/#/?center=50.992,7.005&zoom=6.32 " width="100%" height="580
"> <a href="https://kartevonmorgen.org/" target="_blank">The map</a> </iframe></div><p style="text-align: right
;"><a href="https://www.kartevonmorgen.org">Open a big map</a></p>

What is decisive is the third line. There is the URL that indicates what can be seen on the map. This URL is obtained by simply dialing the right neckline under https://kartevonmorgen.org and copying the URL over. Different attributes can be adjusted or omitted (combining all attributes in any order with one &):

  • center 7,50.7365,10,7336 Gives the center of the map
  • zoom Related 7 Specifies the zoom level of the map
  • Search = “keyword” Includes all the term that is in the search line. Where %23 becomes a #, so a keyword is filtered.
    • You can just add several word in the searchline and they will be linke as OR connection which means, that you get all entries, where one of the keywords match.
    • If you add severay tags with # in the searchline, it is an AND connection. That means you get only thos entries, where all tags match.
  • Left = hide     hide the left side of results  (here’s an example)
  • The height can also be adjusted to the screen size: „height: calc(100% – 100px);“
    Instead of 100px, you give just what suits you.

Instead of an excerpt with search results, a single entry can also be embed. To do this, the third line simply inserts the URL of the post:

https://kartevonmorgen.org/#/?entry=c5c844f92a4d4e459392197bc6805ee7

To make the whole card a little smaller, for example, So that the lateral results list is not so wide, you can zoom in small the whole part:

<iframe style="display: inline-block; zoom: 0.7; -moz-transform:scale(0.7); -moz-transform-origin: 0 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0;" style="display: inline-block; zoom: 0.7; -moz-transform:scale(0.7); -moz-transform-origin: 0 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0;"></iframe style="display: inline-block; zoom: 0.7; -moz-transform:scale(0.7); -moz-transform-origin: 0 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0;">

So you replace the “style” attribute in the iframe with the content above.

Businesscard widget

To show only the contact information without a card, it is best to take this widget and pack into the second line the ID you get from the URL of the corresponding entry:

<iframe src=" https://kartevonmorgen.org/businesscard.html#/?entry=4c20979fe0754e74875afa4308d73ce7 " width="200px" height="300px"></iframe> 

Map Widget

And conversely, if you just want to view the card without a “business card,” you take this widget and of course exchange all the bold printed URLs again:

<iframe src=" https://kartevonmorgen.org/map.html#/?entry=4c20979fe0754e74875afa4308d73ce7 &zoom=9.00" width="400px" height="300px"
><a href="https://www.kartevonmorgen.org/#/?entry= 4c20979fe0754e74875afa4308d73ce7 " target="_blank">The map</a></iframe>

In addition to “entry,” the map widget can also indicate “center,” “zoom” and/or “search.”

Here‘s an example of what both look like side by side.

Only view widget

Designed for the regional meetings of the Pioneers of Change Online Summit, this widget hides search and filtering options. I.e. The user can only navigate through the map, but cannot change filters and not add new entries. (Entries can be edited, however)

<div style="text-align: center;">
<iframe style="display: inline-block;" src=" https://kartevonmorgen.org/mapAndEntryList.html#/?center=49.815,8.833&zoom=7.00 " width="100%" height="58
0"> <a href="https://kartevonmorgen.org/" target="_blank">The map</a></iframe></div><p style="text-align: right
;"><a href="https://www.kartevonmorgen.org">Open a big map</a></p>