Map Embedding guide

Introduction

We have added another function "Map Embedding” allowing Farmapper maps to be placed into your website. It’s an easy two step process:

      1. First generate a preview image of your map in our application.
      2. Then add the image to your site, where every user will be able to access your Farmapper project quickly.

Generating the map
Show mobile version

To generate embed, click the Manage button Figure 1.

Manage button
Figure 1: Manage button - click to enlarge
Settings, classes tab
Figure 2: Project settings, classes tab - click to enlarge

In the Manage window, in the Your Projects tab, select the Action button next to the selected project. After expanding the Action menu, click Generate Embedded Figure 2.

In the Generate Embedded window you can choose the size of your map image, there are three sizes; small (150x150), medium (300x300), and large (450x450). There is also a customizable size by selecting the "Custom" option. After selecting the size, click Generate Embedded Figure 3.

Generate Embedded
Figure 3: Generate Embedded - click to enlarge
HTML code
Figure 4: HTML code - click to enlarge

After generating the image, Farmapper generates HTML code which will embed it properly on your site [Figure 4] Figure 4. Copy and Paste to your site.

If you have generated previous embeds, you will see a list of them in the Generate Embedded window. After clicking Show code next to the selected embedding, you will see this code above Figure 5.

Of course you can also delete any generated embed and any references to it from your site will stop working.

List of Existing Embedded
Figure 5: List of Existing Embedded - click to enlarge

Generating the map
Show desktop version
To generate embed, tap the Manage button Figure 1.
Manage button
Figure 1: Manage button - click to enlarge

In the Manage window, in the Your Projects tab, select the Action button next to the selected project. After expanding the Action menu, tap Generate Embedded Figure 2.
Action menu
Figure 2: Action menu - click to enlarge

In the Generate Embedded window you can choose the size of your map image, there are three sizes; small (150x150), medium (300x300), and large (450x450). There is also a customizable size by selecting the "Custom" option. After selecting the size, tap Generate Embedded Figure 3.
Generate Embedded
Figure 3: Generate Embedded - click to enlarge

After generating the image, Farmapper generates HTML code which will embed it properly on your site Figure 4. Copy and Paste to your site.
HTML code
Figure 4: HTML code - click to enlarge

If you have generated previous embeds, you will see a list of them in the Generate Embedded window. After tapping Show code next to the selected embedding, you will see this code above Figure 5.

Of course you can also delete any generated embed and any references to it from your site will stop working.

List of Existing Embedded
Figure 5: List of Existing Embedded - click to enlarge