added admin interface

2021-12-21 00:25:43 +08:00
parent 9adf18c7b9
commit a25104fadc
3496 changed files with 280326 additions and 7 deletions
--- a/admin/assets/js/pages/maps/google.js
+++ b/admin/assets/js/pages/maps/google.js
@ -0,0 +1,98 @@
+$(function () {
+    //Basic Map
+    var basicMap = new GMaps({
+        el: '#gmap_basic_example',
+        lat: -12.043333,
+        lng: -77.028333
+    });
+
+    //Markers
+    var markers = new GMaps({
+        div: '#gmap_markers',
+        lat: -12.043333,
+        lng: -77.028333
+    });
+    markers.addMarker({
+        lat: -12.043333,
+        lng: -77.03,
+        title: 'Lima',
+        details: {
+            database_id: 42,
+            author: 'HPNeo'
+        },
+        click: function (e) {
+            if (console.log)
+                console.log(e);
+            alert('You clicked in this marker');
+        }
+    });
+    markers.addMarker({
+        lat: -12.042,
+        lng: -77.028333,
+        title: 'Marker with InfoWindow',
+        infoWindow: {
+            content: '<p>HTML Content</p>'
+        }
+    });
+
+    //Static maps
+    var staticMap = GMaps.staticMapURL({
+        size: [$('#gmap_static_map').width(), 400],
+        lat: -12.043333,
+        lng: -77.028333
+    });
+
+    $('<img/>').attr('src', staticMap).appendTo('#gmap_static_map');
+
+    //Static maps with markers
+    var staticMapWithMarkers = GMaps.staticMapURL({
+        size: [$('#gmap_static_map_with_markers').width(), 400],
+        lat: -12.043333,
+        lng: -77.028333,
+        markers: [
+            { lat: -12.043333, lng: -77.028333 },
+            {
+                lat: -12.045333, lng: -77.034,
+                size: 'small'
+            },
+            {
+                lat: -12.045633, lng: -77.022,
+                color: 'blue'
+            }
+        ]
+    });
+
+    $('<img/>').attr('src', staticMapWithMarkers).appendTo('#gmap_static_map_with_markers');
+
+    //Static maps with polyline
+    var path = [
+        [-12.040397656836609, -77.03373871559225],
+        [-12.040248585302038, -77.03993927003302],
+        [-12.050047116528843, -77.02448169303511],
+        [-12.044804866577001, -77.02154422636042],
+        [-12.040397656836609, -77.03373871559225],
+    ];
+
+    var staticMapPolyline = GMaps.staticMapURL({
+        size: [$('#gmap_static_map_polyline').width(), 400],
+        lat: -12.043333,
+        lng: -77.028333,
+
+        polyline: {
+            path: path,
+            strokeColor: '#131540',
+            strokeOpacity: 0.6,
+            strokeWeight: 6
+            // fillColor: '#ffaf2ecc'
+        }
+    });
+
+    $('<img/>').attr('src', staticMapPolyline).appendTo('#gmap_static_map_polyline');
+
+    //Panorama
+    var panorama = GMaps.createPanorama({
+        el: '#gmap_panorama',
+        lat: 42.3455,
+        lng: -71.0983
+    });
+});