İlk temizlik tamamlandı bir önceki projeden

2026-04-28 21:14:25 +03:00
commit f80443aec0
10000 changed files with 959965 additions and 0 deletions
@@ -0,0 +1,138 @@
+/*
+ *  Document   : be_comp_maps_google.js
+ *  Author     : pixelcave
+ *  Description: Custom JS code used in Google Maps Page
+ */
+
+// Gmaps.js, for more examples you can check out https://hpneo.github.io/gmaps/
+class BeCompMapsGoogle {
+    /*
+     * Init Search Map functionality
+     *
+     */
+    static initMapSearch() {
+        if (jQuery('#js-map-search').length) {
+            // Init Map
+            let mapSearch = new GMaps({
+                div: '#js-map-search',
+                lat: 20,
+                lng: 0,
+                zoom: 2,
+                scrollwheel: false
+            });
+
+            // When the search form is submitted
+            jQuery('.js-form-search').on('submit', (e) => {
+                let inputGroup = jQuery('.js-search-address').parent('.input-group');
+
+                GMaps.geocode({
+                    address: jQuery('.js-search-address').val().trim(),
+                    callback: (results, status) => {
+                        if ((status === 'OK') && results) {
+                            let latlng = results[0].geometry.location;
+
+                            mapSearch.removeMarkers();
+                            mapSearch.addMarker({ lat: latlng.lat(), lng: latlng.lng() });
+                            mapSearch.fitBounds(results[0].geometry.viewport);
+
+                            inputGroup.siblings('.form-text').remove();
+                        } else {
+                            inputGroup.after('<div class="font-text text-danger text-center animated fadeInDown">Address not found!</div>')
+                        }
+                    }
+                });
+
+                return false;
+            });
+        }
+    }
+
+    /*
+     * Init Satellite Map
+     *
+     */
+    static initMapSat() {
+        if (jQuery('#js-map-sat').length) {
+            new GMaps({
+                div: '#js-map-sat',
+                lat: 20,
+                lng: 0,
+                zoom: 2,
+                scrollwheel: false
+            }).setMapTypeId(google.maps.MapTypeId.SATELLITE);
+        }
+    }
+
+    /*
+     * Init Terrain Map
+     *
+     */
+    static initMapTer() {
+        if (jQuery('#js-map-ter').length) {
+            new GMaps({
+                div: '#js-map-ter',
+                lat: 20,
+                lng: 0,
+                zoom: 2,
+                scrollwheel: false
+            }).setMapTypeId(google.maps.MapTypeId.TERRAIN);
+        }
+    }
+
+    /*
+     * Init Overlay Map
+     *
+     */
+    static initMapOverlay() {
+        if (jQuery('#js-map-overlay').length) {
+            new GMaps({
+                div: '#js-map-overlay',
+                lat: 35,
+                lng: 139,
+                zoom: 6,
+                scrollwheel: false
+            }).drawOverlay({
+                lat: 35,
+                lng: 139,
+                content: '<div class="alert alert-info text-xs-center"><h4 class="alert-heading mt-5 mb-15">Message</h4><p class="font-size-h5 mb-0">You can overlay messages on your maps!</p></div>'
+            });
+        }
+    }
+
+    /*
+     * Init Markers Map
+     *
+     */
+    static initMapMarkers() {
+        if (jQuery('#js-map-markers').length) {
+            new GMaps({
+                div: '#js-map-markers',
+                lat: 35.652832,
+                lng: 139.839478,
+                zoom: 11,
+                scrollwheel: false
+            }).addMarkers([
+                {lat: 35.65, lng: 139.83, title: 'Map Marker #1', animation: google.maps.Animation.DROP, infoWindow: {content: 'Map Marker #1'}},
+                {lat: 35.71, lng: 139.89, title: 'Map Marker #2', animation: google.maps.Animation.DROP, infoWindow: {content: 'Map Marker #2'}},
+                {lat: 35.68, lng: 139.80, title: 'Map Marker #3', animation: google.maps.Animation.DROP, infoWindow: {content: 'Map Marker #3'}},
+                {lat: 35.63, lng: 139.88, title: 'Map Marker #4', animation: google.maps.Animation.DROP, infoWindow: {content: 'Map Marker #4'}},
+                {lat: 35.70, lng: 139.85, title: 'Map Marker #5', animation: google.maps.Animation.DROP, infoWindow: {content: 'Map Marker #5'}}
+            ]);
+        }
+    }
+
+    /*
+     * Init functionality
+     *
+     */
+    static init() {
+        this.initMapSearch();
+        this.initMapSat();
+        this.initMapTer();
+        this.initMapOverlay();
+        this.initMapMarkers();
+    }
+}
+
+// Initialize when page loads
+jQuery(() => { BeCompMapsGoogle.init(); });