TrailsNH iFrame | Trip Report Map Widget For Your Website

Trip Report Map Widget

This TrailsNH service embeds a live trip report map on your forum or blog. The map can be sized to fit your needs, see examples below. The service caches the data behide the sceens to increase display speed. It's just one line of code using the HTML <iframe> tag. The <iframe> tag allows your page to load first without waiting, then the conditions map will load second. If you have questions give me a buzz. Kimball

If your site is on Blogger, you can add the map to your blog with just a few clicks using the TrailsNH Map Widget for Blogger.

Example 1

Here is a long horizontal example using the default map. It's showing trip reports from any blog or forum for the last 7 days. 

<h2>TrailsNH Conditions Map</h2>
<iframe height="200" width="800" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" name="TrailsNH" src="http://trailsnh.com/iframe.php"></iframe>
<div>Powered By <a target="_blank" href="http://TrailsNH.com/">TrailsNH.com</a></div>

TrailsNH Conditions Map

Powered By TrailsNH.com

<IFRAME> Tag Settings:

  • width = set the map width (integer: 280 - and up | 100%)
  • height = set the map height (integer: 280 - and up)
  • frameborder="0" scrolling="no" marginheight="0" marginwidth="0" remove border and padding
  • src = http://trailsnh.com/iframe.php link to the service, see setting/options below

    • Map Settings/Options: (not all combinations have been tested)

  • source = OPTIONAL site code. (site code | *) Defaults to * (all sources) with a limited to 1 week. Age will be ignored when using * (all sources).
  • age = OPTIONAL filter by age in months (integer: 1 - 24. Default is 1 month.)
    The service has a built in limit of 400 trip reports. No matter how far back you go in time, it will never return more.
  • type = OPTIONAL default map type as a string (terrain | map | satellite | hybrid)
  • ll = OPTIONAL default map location (lat, lng)
  • zoom = OPTIONAL default map zoom (integer: 1 - 12)
  • Considering adding alerts = (true | false | 0 | 1)
  • Considering adding roadstatus = (true | false | auto | 0 | 1) *
  • Considering adding snowstakes = (true | false | auto | 0 | 1) *

    • *auto will turn the feature on/off based on the season.
    I will be adding the TrailsNH logo and copyright statement to the map layer, as soon as I learn how.

    Example 2

    Here is a vertical example. Using options source=VFTT and type=satellite. All trip reports on this map are from VFTT. 

    <h2>TrailsNH Map For VFTT</h2>
<iframe height="400" width="280" name="TrailsNH" src="http://trailsnh.com/iframe.php?source=VFTT&type=satellite"></iframe>
<div>Powered By <a target="_blank" href="http://TrailsNH.com/">TrailsNH.com</a></div>

    TrailsNH Map For VFTT

    Powered By TrailsNH.com

    Example 3

    Another example. This one using options source=NETC and ll=44.271,-71.306 and zoom=12 and type=terrain. All trip reports on this map are from NETC. 

    <h2>TrailsNH Map For NETC</h2>
<iframe height="300" width="300" name="TrailsNH" src="http://trailsnh.com/iframe.php?source=NETC&ll=44.271,-71.306&zoom=12&type=terrain"></iframe>
<div>Powered By <a target="_blank" href="http://TrailsNH.com/">TrailsNH.com</a></div>

    TrailsNH Map For NETC

    Powered By TrailsNH.com