// noinspection JSUnresolvedReference /** * Field Google Map */ /* global jQuery, document, redux_change, redux, google */ (function ( $ ) { 'use strict'; redux.field_objects = redux.field_objects || {}; redux.field_objects.google_maps = redux.field_objects.google_maps || {}; /* LIBRARY INIT */ redux.field_objects.google_maps.init = function ( selector ) { if ( ! selector ) { selector = $( document ).find( '.redux-group-tab:visible' ).find( '.redux-container-google_maps:visible' ); } $( selector ).each( function ( i ) { let delayRender; const el = $( this ); let parent = el; if ( ! el.hasClass( 'redux-field-container' ) ) { parent = el.parents( '.redux-field-container:first' ); } if ( parent.is( ':hidden' ) ) { return; } if ( parent.hasClass( 'redux-field-init' ) ) { parent.removeClass( 'redux-field-init' ); } else { return; } // Check for delay render, which is useful for calling a map // render after JavaScript load. delayRender = Boolean( el.find( '.redux_framework_google_maps' ).data( 'delay-render' ) ); // API Key button. redux.field_objects.google_maps.clickHandler( el ); // Init our maps. redux.field_objects.google_maps.initMap( el, i, delayRender ); } ); }; /* INIT MAP FUNCTION */ redux.field_objects.google_maps.initMap = async function ( el, idx, delayRender ) { let delayed; let scrollWheel; let streetView; let mapType; let address; let defLat; let defLong; let defaultZoom; let mapOptions; let geocoder; let g_autoComplete; let g_LatLng; let g_map; let noLatLng = false; // Pull the map class. const mapClass = el.find( '.redux_framework_google_maps' ); const containerID = mapClass.attr( 'id' ); const autocomplete = containerID + '_autocomplete'; const canvas = containerID + '_map_canvas'; const canvasId = $( '#' + canvas ); const latitude = containerID + '_latitude'; const longitude = containerID + '_longitude'; // Add map index to data attr. // Why, say we want to use delay_render, // and want to init the map later on. // You'd need the index number in the // event of multiple map instances. // This allows one to retrieve it // later. $( mapClass ).attr( 'data-idx', idx ); if ( true === delayRender ) { return; } // Map has been rendered, no need to process again. if ( $( '#' + containerID ).hasClass( 'rendered' ) ) { return; } // If a map is set to delay render and has been initiated // from another scrip, add the 'render' class so rendering // does not occur. // It messes things up. delayed = Boolean( mapClass.data( 'delay-render' ) ); if ( true === delayed ) { mapClass.addClass( 'rendered' ); } // Create the autocomplete object, restricting the search // to geographical location types. g_autoComplete = await google.maps.importLibrary( 'places' ); g_autoComplete = new google.maps.places.Autocomplete( document.getElementById( autocomplete ), {types: ['geocode']} ); // Data bindings. scrollWheel = Boolean( mapClass.data( 'scroll-wheel' ) ); streetView = Boolean( mapClass.data( 'street-view' ) ); mapType = Boolean( mapClass.data( 'map-type' ) ); address = mapClass.data( 'address' ); address = decodeURIComponent( address ); address = address.trim(); // Set default Lat/lng. defLat = canvasId.data( 'default-lat' ); defLong = canvasId.data( 'default-long' ); defaultZoom = canvasId.data( 'default-zoom' ); // Eval whether to set maps based on lat/lng or address. if ( '' !== address ) { if ( '' === defLat || '' === defLong ) { noLatLng = true; } } else { noLatLng = false; } // Can't have empty values, or the map API will complain. // Set default for the middle of the United States. defLat = defLat ? defLat : 39.11676722061108; defLong = defLong ? defLong : -100.47761000000003; if ( noLatLng ) { // If displaying a map based on an address. geocoder = new google.maps.Geocoder(); // Set up Geocode and pass address. geocoder.geocode( {'address': address}, function ( results, status ) { let latitude; let longitude; // Function results. if ( status === google.maps.GeocoderStatus.OK ) { // A good address was passed. g_LatLng = results[0].geometry.location; // Set map options. mapOptions = { center: g_LatLng, zoom: defaultZoom, streetViewControl: streetView, mapTypeControl: mapType, scrollwheel: scrollWheel, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.LEFT_BOTTOM }, mapId: 'REDUX_GOOGLE_MAPS', }; // Create map. g_map = new google.maps.Map( document.getElementById( canvas ), mapOptions ); // Get and set lat/long data. latitude = el.find( '#' + containerID + '_latitude' ); latitude.val( results[0].geometry.location.lat() ); longitude = el.find( '#' + containerID + '_longitude' ); longitude.val( results[0].geometry.location.lng() ); redux.field_objects.google_maps.renderControls( el, latitude, longitude, g_autoComplete, g_map, autocomplete, mapClass, g_LatLng, containerID ); } else { // No data found, alert the user. alert( 'Geocode was not successful for the following reason: ' + status ); } } ); } else { // If displaying map based on an lat/lng. g_LatLng = new google.maps.LatLng( defLat, defLong ); // Set map options. mapOptions = { center: g_LatLng, zoom: defaultZoom, // Start off far unless an item is selected, set by php. streetViewControl: streetView, mapTypeControl: mapType, scrollwheel: scrollWheel, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.LEFT_BOTTOM }, mapId: 'REDUX_GOOGLE_MAPS', }; // Create the map. g_map = new google.maps.Map( document.getElementById( canvas ), mapOptions ); redux.field_objects.google_maps.renderControls( el, latitude, longitude, g_autoComplete, g_map, autocomplete, mapClass, g_LatLng, containerID ); } }; redux.field_objects.google_maps.renderControls = function ( el, latitude, longitude, g_autoComplete, g_map, autocomplete, mapClass, g_LatLng, containerID ) { let markerTooltip; let infoWindow; let g_marker; let geoAlert = mapClass.data( 'geo-alert' ); // Get HTML. const input = document.getElementById( autocomplete ); // Set objects into the map. g_map.controls[google.maps.ControlPosition.TOP_LEFT].push( input ); // Bind objects to the map. g_autoComplete = new google.maps.places.Autocomplete( input ); g_autoComplete.bindTo( 'bounds', g_map ); // Get the marker tooltip data. markerTooltip = mapClass.data( 'marker-tooltip' ); markerTooltip = decodeURIComponent( markerTooltip ); // Create infoWindow. infoWindow = new google.maps.InfoWindow(); // Create marker. g_marker = new google.maps.Marker( { position: g_LatLng, map: g_map, anchorPoint: new google.maps.Point( 0, - 29 ), draggable: true, title: markerTooltip, animation: google.maps.Animation.DROP } ); geoAlert = decodeURIComponent( geoAlert ); // Place change. google.maps.event.addListener( g_autoComplete, 'place_changed', function () { let place; let address; let markerTooltip; infoWindow.close(); // Get place data. place = g_autoComplete.getPlace(); // Display alert if something went wrong. if ( ! place.geometry ) { window.alert( geoAlert ); return; } console.log( place.geometry.viewport ); // If the place has a geometry, then present it on a map. if ( place.geometry.viewport ) { g_map.fitBounds( place.geometry.viewport ); } else { g_map.setCenter( place.geometry.location ); g_map.setZoom( 17 ); // Why 17? Because it looks good. } markerTooltip = mapClass.data( 'marker-tooltip' ); markerTooltip = decodeURIComponent( markerTooltip ); // Set the marker icon. g_marker = new google.maps.Marker( { position: g_LatLng, map: g_map, anchorPoint: new google.maps.Point( 0, - 29 ), title: markerTooltip, clickable: true, draggable: true, animation: google.maps.Animation.DROP } ); // Set marker position and display. g_marker.setPosition( place.geometry.location ); g_marker.setVisible( true ); // Form array of address components. address = ''; if ( place.address_components ) { address = [( place.address_components[0] && place.address_components[0].short_name || '' ), ( place.address_components[1] && place.address_components[1].short_name || '' ), ( place.address_components[2] && place.address_components[2].short_name || '' )].join( ' ' ); } // Set the default marker info window with address data. infoWindow.setContent( '

Si eres un amante de las tragamonedas en línea, seguro que has oído hablar de Coin Collect: Piggy Patrons. Este emocionante juego de casino te ofrece la oportunidad de ganar grandes premios mientras te diviertes. ¿Estás listo para unirte a la diversión? ¡Entonces no esperes más y regístrate en https://bbrbet-casino.mx/app/ para empezar a jugar!
Una de las características más destacadas de Coin Collect: Piggy Patrons son sus increíbles bonos y giros gratis. Al jugar a esta tragamonedas, tendrás la oportunidad de obtener premios adicionales que aumentarán tus ganancias. Además, la experiencia de juego es única, con gráficos impresionantes y una jugabilidad fluida que te mantendrá entretenido durante horas.
Para empezar a jugar a Coin Collect: Piggy Patrons y a otros emocionantes juegos de casino, simplemente regístrate en https://bbrbet-casino.mx/app/ y comienza a disfrutar de la diversión. Una vez registrado, podrás acceder a una amplia variedad de juegos en línea y jugar con dinero real para tener la oportunidad de ganar grandes premios.
Jugar a juegos de casino en línea con dinero real es una experiencia emocionante que te brinda la oportunidad de ganar premios increíbles. Con Coin Collect: Piggy Patrons, podrás sentir la emoción de apostar y ganar mientras te sumerges en un mundo de diversión y entretenimiento. ¿Estás listo para la acción? ¡Entonces no esperes más y comienza a jugar hoy mismo!
Además de Coin Collect: Piggy Patrons, en https://bbrbet-casino.mx/app/ encontrarás una amplia selección de juegos de casino para todos los gustos. Desde tragamonedas hasta juegos de mesa como el blackjack y la ruleta, hay algo para todos los jugadores. ¿Qué esperas? Regístrate ahora y descubre la emocionante variedad de juegos disponibles.
En resumen, Coin Collect: Piggy Patrons es una emocionante tragamonedas que ofrece bonos, giros gratis y una experiencia de juego única. Regístrate en https://bbrbet-casino.mx/app/ para disfrutar de este y otros emocionantes juegos de casino en línea. ¡No te pierdas la oportunidad de ganar grandes premios y vivir una experiencia de juego inolvidable!
]]>
En México, los juegos de casino en línea son una forma popular de entretenimiento. Entre los favoritos de los jugadores se encuentran las tragamonedas, que ofrecen emoción y la posibilidad de ganar grandes premios. Una de las tragamonedas más populares en el país es Fortune Bags, que combina gráficos impresionantes, funciones emocionantes y la oportunidad de ganar increíbles premios en efectivo.
Fortune Bags es una tragamonedas en línea que ofrece una experiencia de juego única. Con una temática oriental, este juego te transporta a un mundo de misterio y fortuna. Además, Fortune Bags cuenta con bonificaciones emocionantes, giros gratis y la posibilidad de jugar con dinero real para aumentar la emoción. Si quieres probar suerte en esta emocionante tragamonedas, te recomendamos visitar https://bbrbet-casino.mx/bono/ para obtener los mejores bonos de bienvenida.
Para comenzar a jugar a Fortune Bags y disfrutar de todos los beneficios que ofrece, es necesario registrarse en un casino en línea confiable. Al registrarte, podrás acceder a bonos exclusivos que te permitirán jugar más tiempo y aumentar tus posibilidades de ganar premios en efectivo. No pierdas la oportunidad de obtener giros gratis y otros bonos al registrarte en https://bbrbet-casino.mx/bono/.
Jugar a Fortune Bags con dinero real añade un nivel extra de emoción al juego. La posibilidad de ganar premios en efectivo reales hace que cada giro sea aún más emocionante. Además, al jugar con dinero real, tienes la oportunidad de participar en torneos y promociones exclusivas que pueden aumentar tus ganancias. ¡No esperes más y comienza a jugar a Fortune Bags con dinero real!
Además de Fortune Bags, en los casinos en línea de México encontrarás una amplia variedad de juegos de casino para todos los gustos. Desde mesas de blackjack y ruleta hasta tragamonedas temáticas y juegos de cartas, la diversión nunca se detiene. Explora la selección de juegos en línea y descubre nuevas experiencias de juego que te mantendrán entretenido durante horas.
En resumen, Fortune Bags es una de las tragamonedas más populares en México, gracias a su emocionante temática oriental, bonificaciones generosas y la posibilidad de jugar con dinero real. Regístrate en un casino en línea confiable, como https://bbrbet-casino.mx/bono/, para aprovechar los mejores bonos de bienvenida y comenzar a disfrutar de la experiencia de juego que este emocionante juego ofrece. ¡No esperes más y comienza a girar los rodillos de Fortune Bags hoy mismo!
]]>