1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
| defined('_JEXEC') or die('Restricted access');
$user = JFactory::getUser();
$userid = $user->id;
$bdd =& JFactory::getDBO();
$query = "SELECT name, lat, lng
FROM #__bat
WHERE user_id='$userid'";
$bdd->setQuery ( $query );
$data = $bdd->loadObjectList();
?>
<style type="text/css">
html, body {
height : 100%;
width:100%;
margin : 0;
padding : 0;
}
#div_main {
margin : auto;
width : auto;
}
#div_carte {
margin : auto;
width : 1000px;
height : 300px;
border : 1px solid #c0c0c0;
}
</style>
<hr>
<div align="left">
<h1>Implantation des postes</h1>
</div>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=fr"></script>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(45.363882,1.044922);
var mapOptions = {
zoom: 8,
center: myLatlng
};
var map = new google.maps.Map(document.getElementById('div_carte'), mapOptions);
var contentString = '<h1>coucou</h1><br>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Moov it !'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="div_main">
<div id="div_carte"></div>
</div>
<br> |
Partager