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 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170
|
var pos_name;
var pos_lat;
var pos_lon;
var pos_alt;
var pos_precision;
var pos_precision_alt;
var pos_speed;
var pos_classement;
var pos_adresse;
var geocoder;
var map;
var myPosition;
var infowindow;
var watchID;
var dateDay = new Date();
var dateHours = dateDay.getHours();
function initializeMap(){
if((dateHours <= 19) || (dateHours >= 7)) {sunMap();}
else{nightMap();}
getLocation();
console.log(dateHours);
}
function getLocation() {
geocoder = new google.maps.Geocoder();
if (navigator.geolocation) {
var optionsGeo = {timeout:5000, enableHighAccuracy : true, maximumAge : 0};
watchID = navigator.geolocation.watchPosition(showPosition,showError,optionsGeo);
} else {
alert("Geolocation is not supported by this browser.");
}
}
function sunMap(){
var options = {
disableDefaultUI: true,zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map'), options);
}
function nightMap(){
var MY_MAPTYPE_ID = 'night_style';
var options = {
disableDefaultUI: true,zoom: 16,
mapTypeId: MY_MAPTYPE_ID
};
var featureOpts = [{"stylers":[{"hue":"#ff1a00"},{"invert_lightness":true},{"saturation":-100},{"lightness":33},{"gamma":0.5}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#2D333C"}]},{ "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [ { "color": "#000000" } ] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [ { "color": "#0b434f" }, { "lightness": 25 } ] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [ { "color": "#000000" } ] }, { "featureType": "road.arterial", "elementType": "geometry.stroke", "stylers": [ { "color": "#0b3d51" }, { "lightness": 16 } ] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [ { "color": "#000000" } ] },];
map = new google.maps.Map(document.getElementById('map'), options);
var styledMapOptions = {name: 'Night Style' };
var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions);
map.mapTypes.set(MY_MAPTYPE_ID, customMapType);
}
function showPosition(position) {
pos_lat = position.coords.latitude;
pos_lon = position.coords.longitude;
pos_alt = position.coords.altitude;
pos_precision = position.coords.accuracy;
pos_precision_alt = position.coords.altitudeAccuracy;
pos_speed = position.coords.speed;
pos_classement = 1;
myPosition = new google.maps.LatLng(pos_lat, pos_lon);
geocoder.geocode({'latLng': myPosition}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
pos_adresse = results[0].formatted_address;
}
else {console.log("Le geocodage a echoue pour la raion suivante : " + status);}
});
pos_name = '<div><strong>Votre position</strong></div><div>' + pos_adresse + '</div><div><em>Lat : ' + pos_lat + '; Lon : ' + pos_lon +'</em></div>';
//console.log("ShowPosition - Name : " + pos_name + ", Latitude : " + pos_lat + ", longitude : " + pos_lon + ", altitude : " + pos_alt + ", precision : " + pos_precision + ", adresse : " + pos_adresse);
// sauvegarde dans hiddenFields
$elem_id("h_user_lat").value = pos_lat;
$elem_id("h_user_lon").value = pos_lon;
$elem_id("h_user_acc").value = pos_precision;
$elem_id("h_user_add").value = pos_adresse;
// sauvegarde dans localStorage
if(typeof localStorage!='undefined' && JSON) {
var myCoordonnees = {lat:pos_lat,lon:pos_lon,alt:pos_alt,acc:pos_precision,speed:pos_speed,add:pos_adresse};
localStorage.setItem('myMarker',JSON.stringify(myCoordonnees));
console.log("Memorisation myMarker effectuee");
}
else {console.log("localStorage n'est pas supporte");}
myCurrentPosition();
incidentMarker();
}
function myCurrentPosition(){
navigator.geolocation.clearWatch(watchID);
var currentPositionMarker = new google.maps.Marker({map: map,position: myPosition,title: 'Votre position',icon: '/images/icons/icon-marker-car.png', center: myPosition});
infowindow = new google.maps.InfoWindow({content: pos_name});
google.maps.event.addListener(currentPositionMarker, 'click', function(){
infowindow.open(map,currentPositionMarker);
});
map.panTo(myPosition);
}
function addMarker(position,image,title){
var marker = new google.maps.Marker({
position: position,
map: map,
title : title,
icon: image
});
infowindow = new google.maps.InfoWindow({content: title});
google.maps.event.addListener(marker, 'click', function(){
infowindow.open(map,marker);
});
}
function incidentMarker(){
var locations;
$.getJSON('/controller/manager2.php?a=get&t=incident&lat=' + pos_lat + '&lon=' + pos_lon + '&acc=' + pos_precision, function (data) {
if (typeof localStorage != 'undefined' && JSON) {
localStorage.setItem('incidentsMarker', JSON.stringify(data));
console.log("Memorisation incidentsMarker effectuee");
}
else {console.log("localStorage n'est pas supporte");}
//console.log('count data :' + data.length);
locations = [(data.length - 1)];
$.each(data, function (key, val) {
//console.log('#' + val.id_i + ' =>' + val.title_i);
for (var i = 0; i <= (data.length - 1); i++) {
console.log(val.title_it, val.lat_i, val.lon_i, val.img_it, val.id_i);
locations[i] = Array(val.title_it, val.lat_i, val.lon_i, val.img_it, val.id_i);
}
for (var i = 0; i < locations.length; i++) {
console.log(locations[i][1] + ', ' + locations[i][2] + ', ' + locations[i][3],titleString);
var posMarker = new google.maps.LatLng(locations[i][1], locations[i][2]);
var titleString = '<div><strong>'+ locations[i][0] + '</strong></div><div><a href="#' + locations[i][4] + '">voir les commentaires ...</a></div>'
addMarker(posMarker, locations[i][3],titleString);
}
});
});
}
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML = "The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "An unknown error occurred."
break;
}
}
google.maps.event.addDomListener(window, 'load', initializeMap); |
Partager