3dtracking

external websites

3dtracking now allows you to allow your friends and family to track you WITHOUT having them log into your account. If you have your own website, you can use the information contained on this page to simply add in a Google Map window that shows your latest location.

Running a race or doing a hike ? No problem, now your friends and family can track your progress !!

code to add your map to your own website

The code that you need to add to your webpage is broken into 2 sections, namely the code you need to add to the head section of your page, and the code you need to add to the body section of your page. Simply copy the pieces of code to the relevant sections on your webpage, and remember to replace the variables (in bold) with the relevant data.

To get a Google API Key, you'll need to register at http://www.google.com/apis/maps/signup.html
To get your 3dtracking Map ID, simply log into your account and look under your preferences to see your GUID code.

head code

<head>
<script src="http://live.3dtracking.net/js/general.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2.84&key=Google API Key"
type="text/javascript"></script>
<style type="text/css">
v\:* {
behavior:url(#default#VML);
}
</style>
<script type="text/javascript">
var map;
var kml;

function onLoad() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(0,0), 0);
kml = new GGeoXml("http://free.3dtracking.net/live.kmz?guid=3dtracking Map ID", function() {
kml.gotoDefaultViewport(map)
});
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.enableScrollWheelZoom();
map.addOverlay(kml);
}

InitializeTimer(Reload, 60);
}

function Reload() {
if (GBrowserIsCompatible()) {
var url = RandomizeUrl("http://free.3dtracking.net/live.kmz?guid=3dtracking Map ID");
kml = new GGeoXml(url, Fun(url));

//add the new overlay
map.addOverlay(kml);
}

// do another loop around
ResetTimer();
}

function Fun(url) {
//remove the previous kml.
map.removeOverlay(kml);
}
</script>
</head>

body code