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.

Use the tool below to create customized maps on the fly or read the documentation below for advanced examples and use cases.

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.

To customize this map, simply search and select your desired providers below.

The combined coverage map shows the coverage area of any two providers on one map along with different tabs to show the individual coverage area of each provider. This is useful for when providers are in acquisition talks or are merging.

To customize this map, simply search and select your desired providers below.

The compare coverage map shows the coverage area of any two providers on different ables within on one map. This is useful for comparing providers in terms of regions served. Each provider will have different colors.

1. Select State Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware District of Columbia Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia Washington West Virginia Wisconsin Wyoming

To customize this map, simply select your desired state from the list below.

The state map shows the coverage area of any state along with toggle-able buttons to show the availability of different speeds.

To customize this map, simply select your desired provider from the list below.

The provider map shows the coverage area of any provider on a map that can be zoomed into the state level.

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.

Advanced 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

The data-widget variable defines which map type you want to build. Accepted types are: state , provider , providercompare , and providercombine .

data-width

The 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

The href variable determines which dataset the script will create. Valid options include https://broadbandnow.com/[anystatename] and https://broadbandnow.com/[anyprovidername] where [anystatename] equals any US state and [anyprovidername] equals any provider.

Example 1: 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 href="https://broadbandnow.com/Verizon-FiOS" .

data-v2 — Compare and Combine Only

The data-v2 variable is only used on data-widget types of providercompare , and 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 data-v2="https://broadbandnow.com/Time-Warner-Cable" .

Trouble Shooting: