[aprssig] Embedding live APRS maps on a web page: Dayton example

[Steve Grantham]

I have been doing this on my UI-View32 web pages at W5NRU for a couple of 
months now.  I have a map of the local area on the main index page, but have 
tracking maps on other pages.  I have it set up so the pages with these maps 
don't automatically refresh since the embed maps refresh on their own.  I 
left the pages without maps with their default ability to refresh.

When I click on a callsign link or enter a valid callsign/callsign-ssid in 
the search box, a page opens up with the appropriate track map embedded.  I 
will paste below a copy of the embed script that I have inserted on my 
ui-view info.html page.  If anyone wants to see the full page source, I can 
perhaps post that somewhere later.

73 for now...
Steve, AA5SG

<p align="center"> <script type="text/javascript"> he_track = 
"##CALLSIGN##"; // track this callsign </script> <script 
type="text/javascript" src="http://aprs.he.fi/js/embed.js"> </script> </p>



----- Original Message ----- 
From: "Heikki Hannikainen" <hessu at hes.iki.fi>
To: "TAPR APRS Mailing List" <aprssig at lists.tapr.org>
Sent: Thursday, May 15, 2008 5:46 AM
Subject: [aprssig] Embedding live APRS maps on a web page: Dayton example


>
>   Hi,
>
>   http://he.fi/misc/hamvention.html
>
>   I'd like to hightlight the possibility to embed live aprs.fi maps on a 
> web page by just inserting a few rows of javascript in the HTML code. The 
> link above shows a live APRS map view of Dayton, with updates in 
> near-real-time when new data is received on the APRS-IS. No need to reload 
> the page. No refresh tags needed. You can do this on your own pages, for 
> your own city, balloon project or special event - instructions are at:
>
>  http://aprs.fi/page/embed
>
> Or just see the HTML source code of the hamvention.html page. There's also 
> an older blog post about the subject:
>
> 
> http://oh7lzb.blogspot.com/2007/09/live-aprs-maps-on-your-own-web-page.html
>
> Here's the HTML required to show the map:
>
> <p>
>         <script type="text/javascript">
>         // latitude and longitude of the Hamvention site
>         he_lat = 39.821738;
>         he_lng = -84.25503;
>         he_zoom = 10; // zoom out a bit
>         he_width = 700; // size of the map, in pixels
>         he_height = 450;
>         </script>
>         <script type="text/javascript" src="http://aprs.fi/js/embed.js">
>         </script>
> </p>
>
>   Too bad I can't make it to Dayton, would be nice to see other APRS folks 
> face-to-face.
>
>   - Hessu, OH7LZB
>
>
> _______________________________________________
> aprssig mailing list
> aprssig at lists.tapr.org
> https://lists.tapr.org/cgi-bin/mailman/listinfo/aprssig
>
>