Skip to content
Open menu

Embedding widget

You can embed a Broadband Map NZ widget on your website to show your visitors what Internet access is available at any location around New Zealand. Our map relies on an external service called AddressFinder, so you will need its API key to start using the widget.

How to embed the widget

Step 1

Visit the AddressFinder website and sign up for the plan you need. AddressFinder is free up to 500 address lookups per month. The AddressFinder system will provide you with an API key. Copy your key and return to this page.

Step 2

Paste the key into the form below, choose the display options, technologies and initial active layers for your widget and set prefered zoom level and map center then click the 'Get embed code' button.

NOTE: Valid value for map zoom is a number between 1 and 16.

Step 3

You will see two code snippets for your website. Add the first one inside of the <head> tag, and the second - inside the <body> tag on the page you want the Broadband Map NZ widget to appear. Please, contact your website developer if you need assistance with this step.

Step 4

Email us at bbmap@internetnz.net.nz and provide the domain name for the website you'll use the widget on. We’ll turn your access on within 2 working days.

Customise your widget

Latitude and Longitude
Get embed code
Layers
FibrePlanned fibreCableVDSLWirelessPlanned wirelessADSL

Get widget embed code

Inside <head> tag

Copy to clipboard
<link rel="stylesheet" href="https://broadbandmap.nz/widget.css">
<script src="https://broadbandmap.nz/widget.js"></script>

Inside <body> tag

Copy to clipboard
<div id="broadband-map-widget"></div>
  <script>
  BBMap.init({
  addressFinderKey: "",
  showMap: true,
  showMapKey: true,
  technologies: ["fibre","cable","vdsl","wireless","adsl"],
  initActiveLayers: [],
  center: {lat: -41.28889, lng: 174.77722},
  zoom: 6,
  });
</script>