After numerous requests for customizable broadband maps from students, universities, not-for-profits and government organizations, we decided to create a simple tool that allows anyone to embed interactive maps on their website.
Use the tool below to create customized maps on the fly or read the documentation below for advanced examples and use cases.
We're excited to see what awesome maps you create, so feel free to shoot us a note when it's live in your site.
Advanced Map Usage and Variables
To embed a map on your website simply visit any page on broadbandnow.com and look for a link saying "embed this map." If you are looking for advanced ussage see below for various configuration options.
To embed a map simply include the
<script src="https://broadbandnow.com/widgets/map.js" async></script> then use the variables below to customize it to your needs. This script tag only needs to be called once on each page.
Once you have the script tag in place, the
<a class="bbn-embed" data-widget="" href="" target="" data-width="" data-v2="">Broadband Map</a> is where the majority of the customization happens. See the elements below for how each variable works.
data-widget variable defines which map type you want to build. Accepted types are:
data-width variable sets a fixed width for the map. If left blank, the map will size to the surrounding element on your page.
href variable determines which dataset the script will create. Valid options include
https://broadbandnow.com/[anyprovidername] where [anystatename] equals any US state and [anyprovidername] equals any provider.
href="https://broadbandnow.com/Florida" would draw a map for the state of Florida. A list of all thes states can be found here: https://broadbandnow.com/search but we also support Puerto Rico and the US Virgin Islands.
Example 2: To draw a map for any provider, just find their page on broadbandnow.com and use their URL. This means if you wanted to draw a map for the broadband provider Verizon FiOS you can do so by using
data-v2 — Compare and Combine Only
data-v2 variable is only used on
data-widget types of
providercombine. To use it simply enter the second providers URL as it appears on broadbandnow.com. This means everything after https://broadbandnow.com/.
Example: If the comaparison provider is Time Warner Cable, use
If you are having issues with your map not being displayed as expected, make sure your
data-v2 variables are match valid URLs on broadbandnow.com
Embeddable Map Disclaimer:
We strive to make sure the data and maps provided are as up-to-date and accurate as possible through data review and validation processes.
Since most providers don't make coverage data available to the public, our data is sourced from publicly available government-collected data and enhanced by our own data collection efforts. With that in mind, we cannot guarantee the accuracy of all data and cannot be held responsible for any errors for any reason.
By using our embeddable maps service you understand that they are offered "as is" without any warranty of any kind express or implied. In no event shall shall BroadbandNow or it's authors be held liable for any claim, damages, or other liability, arising from or in connection with these maps or software.