OpenAPRS - Embedding Live APRS Maps

Want a realtime APRS map displayed on your website from OpenAPRS?

You do not need to be an HTML genius just Follow these simple steps below. If you find you need help or see an error please pop onto CHAT on the main page and let me know. Your website will also be listed under our "Sites Using OpenAPRS" section automatically. The APRS map refreshes automatically and seamlessly so you don't need to refresh your web page for your users to see updated position reports.

Step 1

Paste the following code into your web page between the <head> and </head> tags:

Cut And Paste Here

<script type="text/javascript">
//<![CDATA[

  /**
   * Center Coordinates & Display Size
   *
   * Change the following variables to control the map center point,
   * display width and height.
   *
   * NOTES:
   *        o Center coordinates should specified as "<longitude>,<latitude>"
   *        o If openaprs_center AND openaprs_find are both set the initial
   *          map center will be openaprs_center, but the map will shift
   *          if openaprs_find is found.
   *        o Make sure when specifying height and width that the suffix
   *          is either "%" or "px" only.
   *        o Latitude/Longitude values should not have leading 0's
   *          for example "-077.3893847" is in error, it should be
   *          "-77.3893847".
   *        o Make sure to set openaprs_me to your webpage that has the
   *          embeded map to be included in our "Sites Using OpenAPRS" page.
   *        o To load a saved view set the openaprs_find variable to
   *          "load:<KEY>", an example of this would be:
   *
   *          var openaprs_find = "load:7ef7ee10f6b95020101a4ea42a8a68a8";
   *
   *          To learn more about saving views click the options link
   *          on our front page.
   *
   * [CHANGE VARIABLES BELOW]
   */
  // var openaprs_find="callsign-here";
  var openaprs_center = "-122.311685,38.256973";
  var openaprs_width = "500px";
  var openaprs_height = "400px";
  var openaprs_units = "metric";
  var openaprs_zoom = "9";
  var openaprs_timezone = "America/Los_Angeles";
  var openaprs_me = "http://www.yoursitehere.com/";

//]]>
</script>

NOTE: An example of this code and where it is to be placed can be seen by viewing the source code of this example page. For most browsers, right click in an empty space on this website and click "View Source".

Step 2

Now paste the following lines of code exactly where you would like the live APRS map to show up on your web page:

Cut And Paste Here

  <div id="embededOpenAPRSMap">
    <script type="text/javascript" src="http://www.openaprs.net/embed/embed.js">
    </script>
  </div>

Step 3

You're all done! Point your web browser at the page you just created and enjoy live APRS map that updates automatically.

EXAMPLE:

Variables

Javascript Interface

URL

Description: List of variables for use in the javascript settings of the embeded interface.
Variable	Field Type	Default	Description	Restrictions	URL Reference
openaprs_center	TEXT	none	Sets the latitude and longitude center of the OpenAPRS map to be displayed.	EXAMPLE: var openaprs_center = "-122.311685,38.256973";
openaprs_height	TEXT	400px	Height of the map on your webpage specified in either pixels or percentage. Set the height to "600px" for a 600 pixel height map or "100%" to make the map the height of your webpage.	EXAMPLE: var openaprs_height='400px';
openaprs_limit_tracks	INTEGER	15	Limits the number of positions to be display when showing tracks for a station.	EXAMPLE: var openaprs_limit_tracks='15';
openaprs_me	TEXT	no	URL of your website when using embeded interface.	none
openaprs_show_irlp	ENUM	yes	Whether or not to show IRLP nodes on the OpenAPRS map.	EXAMPLE: var openaprs_show_irlp='yes';
openaprs_show_phg	ENUM	yes	Turn on or off display of PHG Circles	EXAMPLE: var openaprs_show_phg="yes";
openaprs_show_quakes	ENUM	yes	Whether or not to display USGS reported earthquakes.	EXAMPLE: var openaprs_show_quakes='yes';
openaprs_show_tracks	ENUM	yes	Sets whether or not station position tracks should be displiayed on map.	EXAMPLE: var openaprs_show_tracks='yes';
openaprs_timezone	TEXT	America/Los_Angeles	Set the default timezone to use when displaying dates and times.	EXAMPLE: var openaprs_timezone='America/Los_Angeles';	[more info]
openaprs_width	TEXT	800px	Width of the map on your webpage specified in either pixels or percentage. Set the width to "800px" for an 800 pixel width map or "100%" to make the map the width of your webpage.	EXAMPLE: var openaprs_width='800px';
openaprs_zoom		11	Sets the default initial zoom level of the OpenAPRS map.	EXAMPLE: var openaprs_zoom='11';
EXAMPLE