To help more people find Local Food, and our Marketplace, we have set up an affiliate scheme so other websites, blogs, etc. can link to our pages and earn commission from trade, or add great content and be doing the right thing.
We also offer our BigBarn Local Food Map for your site.
This represents great content for any foody, green or simply local interest website and the more trade the better for local food producers and local economies.
You can add one of the following banners to your page/s, or have our Local Food Map and MarketPlace open within your site to look as though it is yours.
The map widget enables you to easily embed the BigBarn Local Food Map on your website. This works for all websites that accept code.
Just like on the BigBarn website, your visitors can interact and browse the map without leaving your website.
Step 1 Obtain your Partner ID by contacting us on info@bigbarn.co.uk or call 01480 890 970.
Step 2 Include this JavaScript on your page once.
<script src="https://d2kcsg7gwgf2xu.cloudfront.net/map.js"></script>
Step 3 Place this code wherever you want the widget to appear on your page.
<div class="bigbarn-map" data-width="900" data-height="800" data-partner="YOUR_PARTNER_ID"></div>
A range of options can be passed to customise the map. The information these pieces of code pass to your website include:
| HTML Attribute | Description | Default Value |
|---|---|---|
| data-width | Default width of the map | 100% of parent container |
| data-height | Default height of the map | 100% of parent container |
| data-partner | Your unique partner ID | None |
You can edit the values between the quote marks in order to adjust the size of the Map you display.
You can set where the Map is centered when your visitors first see it, but setting the longitude and latitude of a centre point.
You can also set the zoom level for the map when it is first presented. The default is a scale large enough to see at least 10 icons, but the zoom on your map can be set between 1 (large scale) and 10 (very close in to the centre).
| HTML Attribute | Description | Default Value |
|---|---|---|
| data-lng | Default longitude | PostCode, IP address or GeoLocate |
| data-lat | Default latitude | PostCode, IP address or GeoLocate |
| data-zoom | Default zoom level when data-lng and data-lat are set | Minimum 10 icons showing |