OpenAPRS - Embedding Live Satellite Tracking


Want a realtime orbital satellite 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.

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, height and whether or not to display the sidebar
   * control panels.
   *
   * NOTES:
   *        o Make sure to set openaprs_me to your webpage that has the
   *          embeded map to be included in our "Sites Using OpenAPRS" page.
   *
   * [CHANGE THIS]
   */
  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/satellite/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