![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/www/wp-content/themes/dt-the7/inc/extensions/meta-box/js/ |
( function( $ ) { 'use strict'; // Use function construction to store map & DOM elements separately for each instance var mapField = function( $container ) { this.$container = $container; }; // Use prototype for better performance mapField.prototype = { // Initialize everything init: function() { this.initDomElements(); this.initMapElements(); this.initMarkerPosition(); this.addListeners(); this.autocomplete(); }, // Initialize DOM elements initDomElements: function() { this.canvas = this.$container.find( '.the7-mb-map-canvas' )[0]; this.$coordinate = this.$container.find( '.the7-mb-map-coordinate' ); this.$findButton = this.$container.find( '.the7-mb-map-goto-address-button' ); this.addressField = this.$findButton.val(); }, // Initialize map elements initMapElements: function() { var latLng = new google.maps.LatLng( 53.346881, -6.258860 ); // Initial position for map this.map = new google.maps.Map( this.canvas, { center: latLng, zoom: 14, streetViewControl: 0, mapTypeId: google.maps.MapTypeId.ROADMAP } ); this.marker = new google.maps.Marker( {position: latLng, map: this.map, draggable: true} ); this.geocoder = new google.maps.Geocoder(); }, // Initialize marker position initMarkerPosition: function() { var coord = this.$coordinate.val(), l, zoom; if ( coord ) { l = coord.split( ',' ); this.marker.setPosition( new google.maps.LatLng( l[0], l[1] ) ); zoom = l.length > 2 ? parseInt( l[2], 10 ) : 14; this.map.setCenter( this.marker.position ); this.map.setZoom( zoom ); } else if ( this.addressField ) { this.geocodeAddress(); } }, // Add event listeners for 'click' & 'drag' addListeners: function() { var that = this; google.maps.event.addListener( this.map, 'click', function ( event ) { that.marker.setPosition( event.latLng ); that.updateCoordinate( event.latLng ); } ); google.maps.event.addListener( this.marker, 'drag', function ( event ) { that.updateCoordinate( event.latLng ); } ); this.$findButton.on( 'click', function() { that.geocodeAddress(); return false; } ); }, // Autocomplete address autocomplete: function() { var that = this; // No address field or more than 1 address fields, ignore if ( !this.addressField || this.addressField.split( ',' ).length > 1 ) return; $( '#' + this.addressField ).autocomplete( { source: function( request, response ) { // TODO: add 'region' option, to help bias geocoder. that.geocoder.geocode( { 'address': request.term }, function( results ) { response( $.map( results, function( item ) { return { label: item.formatted_address, value: item.formatted_address, latitude: item.geometry.location.lat(), longitude: item.geometry.location.lng() }; } ) ); } ); }, select: function( event, ui ) { var latLng = new google.maps.LatLng( ui.item.latitude, ui.item.longitude ); that.map.setCenter( latLng ); that.marker.setPosition( latLng ); that.updateCoordinate( latLng ); } } ); }, // Update coordinate to input field updateCoordinate: function( latLng ) { this.$coordinate.val( latLng.lat() + ',' + latLng.lng() ); }, // Find coordinates by address // Find coordinates by address geocodeAddress: function() { var address = '', addressList = new Array(), fieldList = this.addressField.split( ',' ), loop, that = this; for ( loop = 0; loop < fieldList.length; loop++ ) addressList[loop]=jQuery( '#' + fieldList[loop] ).val(); address = addressList.join(",").replace( /\n/g, ',' ).replace( /,,/g, ',' ); if (address) { this.geocoder.geocode( {'address': address}, function( results, status ) { if ( status === google.maps.GeocoderStatus.OK ) { that.map.setCenter( results[0].geometry.location ); that.marker.setPosition( results[0].geometry.location ); that.updateCoordinate( results[0].geometry.location ); } } ); } }, }; $( function() { $( '.the7-mb-map-field' ).each( function() { var field = new mapField( $( this ) ); field.init(); } ); } ); } )( jQuery );