| Server IP : 80.241.246.6 / Your IP : 216.73.216.188 Web Server : Apache/2.4.25 (Debian) System : Linux kharagauli 4.9.0-19-amd64 #1 SMP Debian 4.9.320-2 (2022-06-30) x86_64 User : www-data ( 33) PHP Version : 7.0.33-0+deb9u12 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/kharagauli1/moduls/weather/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Weather layer</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=geometry,panoramio,weather"></script>
<script>window.jQuery || document.write('<script src="../../admin/js/live1.js"></\script>');</script>
<style>
#map_controls{background: red;height: 100px}
#zip_parent{display: inline-block}
#check_parent{display: inline-block}
#zip_parent input[type="text"]{padding:2px;width: 400px;height: 30px;border-radius: 5px}
#bSubmit{padding: 6px;margin: 3px}
#map_controls ._checkbox{
width: 12px;
height: 12px;
border: 1px solid black;
border-radius: 3px;
cursor: pointer;
margin-top: 2px;
margin-left: 4px;
display: inline-block;
position: absolute
}
#map_controls .checked{
background: rgb(169,3,41);
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 100%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%);
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
</style>
</head>
<body>
<div id="map_controls">
<div id="zip_parent">
<input placeholder='შეიყვანეთ ქალაქის დასახელება და დააწექით Enter-ს' type="text" id="zip" onkeypress="finder_start(this,event);">
</div>
<div id="check_parent">
<span>ამინდი <input type="hidden" id="weather" value="0"/><div class="_checkbox" onclick="add_class_checked_2(this);"></div></span>
<span>სურათები <input type="hidden" id="pictures" value="0"/><div class="_checkbox" onclick="add_class_checked_2(this);"></div></span>
</div>
<b>Start: </b>
<select id="start" onchange="calcRoute();"></select>
<b>End: </b>
<select id="end" onchange="calcRoute();"></select>
</div>
<div id="map-canvas"></div>
<script>
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var geocoder = new google.maps.Geocoder();
var latitude = "42.023411";
var longitude = "43.193936";
var map;
var maxZoomService;
var city = 'აბაშა|აფხაზეთი|ადიგენი|ახალგორი|ახალქალაქი|ახალციხე|ახმეტა|ამბროლაური|ასპინძა|'+
'ბაღდათი|ბათუმი|ბოლნისი|ბორჯომი|ჩხოროწყუ|ჩოხატაური|ჭიათურა|დედოფლისწყარო|დმანისი|'+
'დუშეთი|გარდაბანი|გორი|გურჯაანი|ჯავა|ქარელი|ქუთაისი|კასპი|ხარაგაული|ხაშური|ხობი|'+
'ლაგოდეხი|ლანჩხუთი|ლენტეხი|მარნეული|მარტვილი|მესტია|მცხეთა|ნინოწმინდა|ონი|ოზურგეთი|'+
'ფოთი|ყაზბეგი|ყვარელი|რუსთავი|საჩხერე|საგარეჯო|სამტრედია|სენაკი|სიღნაღი|თბილისი|თელავი|'+
'თერჯოლა|თეთრიწყარო|თიანეთი|ტყიბული|ცაგარელი|წალენჯიხა|წალკა|წყალტუბო|ვანი|ზესტაფონი|ზუგდიდი';
function finder_start(aa,bb){
if(aa.value.length && bb.keyCode == 13){
maines();
}
}
function initialize(){
directionsDisplay = new google.maps.DirectionsRenderer();
var fenway = new google.maps.LatLng(latitude, longitude);
var MY_MAPTYPE_ID = google.maps.MapTypeId.ROADMAP;
var mapOptions = {
zoom: 12,
center: fenway,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.SATELLITE,google.maps.MapTypeId.HYBRID,google.maps.MapTypeId.TERRAIN, MY_MAPTYPE_ID]
},
mapTypeId: MY_MAPTYPE_ID
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
directionsDisplay.setMap(map);
controller();
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
google.maps.event.addDomListener(window, 'load', maines);
function info(){
}
function placeMarker(location){
var marker = new google.maps.Marker({
position: location,
map: map
});
google.maps.event.addListener(marker, 'click', function(event) {
alert(event.latLng);
});
}
function weather(){
var weatherLayer = new google.maps.weather.WeatherLayer({
temperatureUnits: google.maps.weather.TemperatureUnit.CELSIUS
});
weatherLayer.setMap(map);
var cloudLayer = new google.maps.weather.CloudLayer();
cloudLayer.setMap(map);
}
function panoramio(){
var panoramioLayer = new google.maps.panoramio.PanoramioLayer();
panoramioLayer.setMap(map);
}
function controller(){
if(document.getElementById('weather').value == 1)weather();
if(document.getElementById('pictures').value == 1)panoramio();
}
function maines(){
if(document.getElementById('zip').value.length){
geocoder.geocode({'address': document.getElementById('zip').value},function(results, status){
if(status == google.maps.GeocoderStatus.OK){
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
initialize();
}else alert('location not found');
});
}else initialize();
}
function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var request = {
origin:start,
destination:end,
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
function add_class_checked_2(a){
var th = $(a);
th.toggleClass('checked');
if(th.is('.checked'))
th.prev().val(1);
else
th.prev().val(0);
maines();
}
function sleep(ms) {
ms += new Date().getTime();
while(new Date() < ms){}
}
//document.getElementById("bSubmit").addEventListener('click',maines);
</script>
</body>
</html>