Welcome to GeoCool - GPS Location Based Interactive Community Sign in | Join | Help
Reperion Search | Live Search Search
logo

Display last 24-hours on a Google Map for your website

Last post 04-14-2008, 11:24 by Reperion Mike. 4 replies.
Sort Posts: Previous Next
  •  07-24-2007, 23:30 367

    Display last 24-hours on a Google Map for your website

    Hi there,

     I've been tooling around with the realtime tracking feed for google earth... http://tracker1.reperion.com/images/theresdave.kml

    And this feed is perfect for using to display your whereabouts on a simple google map. The only limitation is that if you have upwards of 100 waypoints in a day, you could overload your map. You can see my example map at: http://theregoesdave.googlepages.com/stalkingdave.html

    Here's the html that I'm using. You will need to customize both the map center coordinates and your user name in the kml string. You'll also need to get your own google maps api key and enter it into your html where noted.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>stalkingdave</title>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=YOURGOOGLEMAPSKEY"
          type="text/javascript"></script>
        <script type="text/javascript">
        //<![CDATA[
        function load() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            var geoXml = new GGeoXml("http://tracker1.reperion.com/images/theresdave.kml");
            map.setCenter(new GLatLng(38.857643, -77.319403), 8);
            map.addOverlay(geoXml);
          }
        }
        //]]>
        </script>
      </head>
      <body onload="load()" onunload="GUnload()">
        <div id="map" style='width: 500px; height: 300px'></div>
      </body>
    </html>

    The next step will be to parse out the LookAt elements to center the map on your current location. I could easily see the map starting at a high center over the us, plotting the track, then panning to the center and zooming in. Anyone here good with javascipt/ xml?

     Cheers,

    Theregoesdave

    • Post Points: 0
  •  07-25-2007, 1:49 373 in reply to 367

    Re: Display last 24-hours on a Google Map for your website

    Hi Dave, try these, we do support Google Maps already.

    http://tracker1.reperion.com/gmap.aspx?name=theresdave (Google Maps)

    http://tracker1.reperion.com/vemap.aspx?name=theresdave (Virtual Earth)

    http://tracker1.reperion.com/wrldmap.aspx?name=theresdave (Mappoint)

    http://tracker1.reperion.com/pdatrak.aspx?name=theresdave (PDA MAPS)

    please your comment


    A community for and by the people, the ideas are endless, enjoy !
    • Post Points: 0
  •  07-25-2007, 4:04 374 in reply to 373

    Re: Display last 24-hours on a Google Map for your website

    Thanks Mike. I agree that reperion supports a great selection of mapping options. The code above is just another cool way to use the reperion service on my website or my customized google page.

    As people use the reperion platform to display their information, the more people will choose it as their map solution. Syndicating the content onto other platforms or into feeds helps to expand the reperion network and increase the number of friends that users have in the community.

    • Post Points: 0
  •  04-12-2008, 14:48 695 in reply to 373

    Re: Display last 24-hours on a Google Map for your website

     

    Since the topic is up:

    I love stuff you can do with Reperion but I would like a more "guest-friendly" tracking GUI.

    Based on the "Tracking big" (which is the most informative one) I would propose a simplified version like this:

    1) Hybrid map with bread crumbs as default (Google maps or MS VE)

    2) Keep calendar

    3) Place SMS in and out more clearly readable for nove users.

    4) Place last photo next to SMS'es

    5) Add som stats regarding distance covered, speed, last update etc

    6) Skip all the rest of technical stuff and "other users" etc

     

    See mock-up

    Suggestion for simpler GUI

     

    Of course - I assume you have more than enough to do, but you could also provide the community with interface to collect these parts of the GUI as components to insert into custom made web-pages (??)  

     Big Smile

    • Post Points: 0
  •  04-14-2008, 11:24 696 in reply to 695

    Re: Display last 24-hours on a Google Map for your website

    Good points! Lot's of your comments will be taken into account. For the time being, you can always use the AJAX map style.

    THe AJAX maps are easy to i-frame and do other stuff with.

    But...we won't forget your comments, lot's of good stuff coming up very soon : http://www.reperion.com/beta will be modulair as you requested.


    A community for and by the people, the ideas are endless, enjoy !
    • Post Points: 0
View as RSS news feed in XML
CS Build: 2.1.61129.2
HOME ENGLISH HOME DUTCH HOME GERMAN