Skip to content

Instantly share code, notes, and snippets.

@dannymcc
Created April 5, 2012 17:41
Show Gist options
  • Select an option

  • Save dannymcc/2312769 to your computer and use it in GitHub Desktop.

Select an option

Save dannymcc/2312769 to your computer and use it in GitHub Desktop.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0028)http://www.serviceprovider.co.uk/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>serviceprovider</title>
<link href="css/screen.css" media="screen" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="http://www.serviceprovider.co.uk/styles/default/screen_ie6.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<link rel="icon" href="http://www.serviceprovider.co.uk/styles/default/favicon.ico" />
<script type="text/javascript" src="js/tabpane.js"></script>
<link type="text/css" rel="StyleSheet" href="css/tab.webfx.css?v=2" />
<meta http-equiv="Author" content="Rare Creative Group" />
<meta http-equiv="Description" content="Experts in lone worker safety" />
<meta http-equiv="Keywords" content="lone, worker, safety" />
<script type="text/javascript" src="js/spotlight.js"></script>
<script type="text/javascript" src="js/promo.js"></script>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAA04SCF3o4CZghg6c0Qqgd-RQxzn3bXKr_TQ6C8c2CiIf8-vjJhBS3endtVbbJ1vftXL4Wbb2PwuJ8ag" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load()
{
// required for original serviceprovider layout:
start();
if ( GBrowserIsCompatible() )
{
// codice setcenter:
var map = new GMap2( document.getElementById( "map" ) );
var customUI = map.getDefaultUI();
// Remove MapType.G_HYBRID_MAP
//customUI.maptypes.hybrid = false;
map.setUI(customUI);
//map.addControl( new GSmallMapControl() );
//map.addControl( new GMapTypeControl() );
map.setCenter( new GLatLng( 51.652375, -2.629296 ), 11 );
// Crea un nuovo marker nel punto specificato con una descrizione HTML associata:
function createMarker( point, description, primary_contact_id )
{
//var icon = new GIcon();
////icon.shadow = "/images/nuvola.png";
//icon.iconSize = new GSize(87, 38);
////icon.shadowSize = new GSize(107, 38);
//icon.iconAnchor = new GPoint(6, 20);
//icon.infoWindowAnchor = new GPoint(5, 1);
//icon.image = "/img/.";
// Create our "coloured" marker icon
var greenIcon = new GIcon(G_DEFAULT_ICON);
greenIcon.image = "http://maps.google.com/mapfiles/ms/micons/green-dot.png";
greenIcon.iconSize = new GSize( 32, 32 );
greenIcon.iconAnchor = new GPoint( 15, 31 );
greenIcon.infoWindowAnchor = new GPoint( 15, 1 );
// Set up our GMarkerOptions object
greenMarkerOptions = { icon:greenIcon };
var redIcon = new GIcon(G_DEFAULT_ICON);
redIcon.image = "http://maps.google.com/mapfiles/ms/micons/red-dot.png";
redIcon.iconSize = new GSize( 32, 32 );
redIcon.iconAnchor = new GPoint( 15, 31 );
redIcon.infoWindowAnchor = new GPoint( 15, 1 );
// Set up our GMarkerOptions object
redMarkerOptions = { icon:redIcon };
var marker;
//marker = new GMarker( point );
if ( primary_contact_id > 0 )
marker = new GMarker( point, greenMarkerOptions );
else
marker = new GMarker( point, redMarkerOptions );
if ( description != '' )
{
GEvent.addListener( marker, "click", function() {
marker.openInfoWindowHtml( description );
} );
GEvent.addListener( marker, "mouseover", function() {
marker.openInfoWindowHtml( description );
});
}
return marker;
}//createMarker
// mostro il marker:
/*
var description = '<table border="0"><tr><td><img src="/img/." border="0" style="width: 100px; border: 1px solid #000;"/></td><td>\n' +
"<b></b><br/>\n" + "<br/>\n" +
" - ()<br/>\n" +
"</td></tr></table>";
var marker = createMarker(
new GLatLng( , ),
description
);
map.addOverlay( marker );
marker.openInfoWindowHtml( description );
*/
var description = '<table border="0"><tr><td>\n' +
"<b><i><span style='margin: 1px; color: #048;'>Pool Device 01</span></i></b><br/>\n" +
"05/04/2012 17:26:08<br/>\n" +
"Lat: 51.652375<br/>\n" +
"Lon: -2.629296<br/>\n" +
"<br/>\n" +
"</td></tr></table>";
var marker = createMarker(
new GLatLng( 51.652375, -2.629296 ),
description,
0
);
map.addOverlay( marker );
}
}//load
//]]>
</script>
</head>
<body onLoad="load()" onUnload="GUnload()">
<div id="header">
<h1><a href="http://www.serviceprovider.co.uk/index.php/">serviceprovider</a></h1>
<div id="tagline">experts in lone worker safety</div>
<div id="headerRight">
<p>
<a href="?a=logout">Logout</a> |
<a href="http://www.serviceprovider.co.uk/index.php/contact">Contact Us</a>
</p>
</div>
</div>
<div id="page">
<div id="leftAndContentAndFooter">
<div id="left">
<ul id="navigation">
<li><a href="?Profile">PROFILE</a></li>
<li><a href="?Reports">REPORTS</a></li>
<li><a href="?Activities">ACTIVITIES</a></li>
<li><a href="?Gps">GPS</a></li>
</ul>
</div>
<div id="contentAndFooter">
<div id="content">
<div align="left">
<br/>
<div align="left" style="text-align: left; display: table">
<h3>GPS</h3>
<p>Please, select a contact from the list below to see its position:</p>
&bull; <a href="?gps&cid=AAXA-PGDEH7" style="font-weight: bold; text-decoration: none;">
User Name </a><br/>
&bull; <a href="?gps&cid=AAXA-PJZM6M" style="font-weight: bold; text-decoration: none;">
Pool Device 01 </a><br/>
<br/>
<table>
<tbody>
<tr>
<td>
<form method="get" action="?Gps&cid=AAXA-PJZM6M&ts=1333647575">
<input type="hidden" name="p" value="Gps"/>
<input type="hidden" name="cid" value="AAXA-PJZM6M"/>
<input type="hidden" name="ts" value="1333647575"/>
<input type="submit" value=" Map Refresh " />
</form>
</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table
<p>Position of contact <strong>Pool Device 01</strong></p>
<div id="map" style="width: 600px; height: 300px; border: 1px solid #000;"></div>
<br/>
</div>
<br/>
<div align="left" style="text-align: left; display: table; font-weitgh: bold; color: #f00;">
<br/>
</div>
<div style="color: #f00; font-weight: bold;"></div>
</div>
</div>
</div><!-- #contentAndFooter -->
<div id="footer">
<p>A service provided by Company Name Limited -
Registered No. 5292192 |
<a href="http://www.serviceprovider.co.uk/index.php/sitemap">Site Map</a> |
<a href="http://www.serviceprovider.co.uk/index.php/contact">Contact</a> |
<a href="http://www.serviceprovider.co.uk/index.php/about/terms_and_conditions">Terms &amp; Conditions</a> |
<a href="http://www.serviceprovider.co.uk/index.php/about/security_and_privacy">Security &amp; Privacy</a></p>
</div>
<div style="clear:both;"></div>
</div><!-- #leftAndContentAndFooter -->
</div><!-- #page -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment