Walk Score Real Estate Tile

The Walk Score tile lets visitors to your website compare the walkability of properties and see a map of what's nearby.

Edit the fields below to customize the live preview.

Address:

Width: (in pixels)

Get the Tile

To add the tile to your website, get a Walk Score ID (WSID):

Sample Code

Copy and paste the code below into your website to use the tile.
Make sure to replace YOUR-WSID-HERE with your WSID.

Problems? Read our troubleshooting guide.

Parameters

You can use the following parameters to customize the tile:

• Required parameters:
  • ws_width — The pixel width of the tile. Note: For widths less than 450, the tile will change to a single column layout.
    Example:  var ws_width = "600";
  • Location parameter:
    You can specify location using an address, OR using a latitude and longitude.
    Note: you may want to write these parameters dynamically using server-side scripting to populate it with an address from your database.
    
    • ws_address — The address the tile will center on.
      Example:  var ws_address = "1501 Pike Place, Seattle, WA, 98101";
    • ws_lat & ws_lon — A location specified by latitude and longitude.
      Example:  var ws_lat="42.360763";
                       var ws_lon="-71.0727024";
    Note: If you specify both an address and a lat/lon pair, the tile will use the latitude and longitude to center the map, but may still use the address as part of the label text when scores are hidden using the ws_hide_scores_below parameter.
• Don't show scores below a specified threshold:
  • ws_hide_scores_below — By default, the tile displays scores from 0 to 100. If you prefer not to show low scores, you can use this to define the cutoff.
    Example:  var ws_hide_scores_below = "50"
    (this will hide scores 0-49, and show scores 50-100)
• Force layout:
  • ws_force_layout — The tile has two layout modes. By default, it will use a vertical, single-column layout for widths less than 450 pixels, and a horizontal 2-column layout for wider tiles. You can force the tile into either layout by explicitly setting this parameter to "vertical" or "horizontal".
    Example:  var ws_force_layout = "vertical"
• Set number of list items to show:
  • ws_list_limit — When the tile is shown in vertical layout mode, you can specify the number of items to show in the list. This setting also affects the height of the tile. The maximum is 13 (show all categories), and the default is 6.
    Note: all categories are plotted on the map, even when some are hidden in the list.
    Example:  var ws_list_limit = "6"
• Styling the iframe that contains the tile:
  • ws_iframe_css — Any css you want applied to the iframe element (default: none).
    Example:  var ws_iframe_css = "margin-left: 30px; border: 1px solid #c4dceb;";
• The frame around the map:
  • ws_map_frame_color — A color for the double frame (default: #999).
    Example:  var ws_map_frame_color = "#999";
• The score and accompanying text:
  • ws_score_color — A color for the score (default: #000).
    Example:  var ws_score_color = "#000";
  • ws_headline_color — A color for the text around the score (default: #888).
    Example:  var ws_headline_color = "#888";
• Additional colors:
  • ws_category_color — A color for the category names (default: #777).
    Example:  var ws_category_color = "#777";
  • ws_result_color — A color for the names and distances of each destination (default #333).
    Example:  var ws_result_color = "#333"