// 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( '
' + place.name + ' ' + address );
infoWindow.open( g_map, g_marker );
// Run Geolocation.
redux.field_objects.google_maps.geoLocate( g_autoComplete );
// Fill in address inputs.
redux.field_objects.google_maps.fillInAddress( el, latitude, longitude, g_autoComplete );
}
);
// Marker drag.
google.maps.event.addListener(
g_marker,
'drag',
function ( event ) {
document.getElementById( latitude ).value = event.latLng.lat();
document.getElementById( longitude ).value = event.latLng.lng();
}
);
// End marker drag.
google.maps.event.addListener(
g_marker,
'dragend',
function () {
redux_change( el.find( '.redux_framework_google_maps' ) );
}
);
// Zoom Changed.
g_map.addListener(
'zoom_changed',
function () {
el.find( '.google_m_zoom_input' ).val( g_map.getZoom() );
}
);
// Marker Info Window.
infoWindow = new google.maps.InfoWindow();
google.maps.event.addListener(
g_marker,
'click',
function () {
const marker_info = containerID + '_marker_info';
const infoValue = document.getElementById( marker_info ).value;
if ( '' !== infoValue ) {
infoWindow.setContent( infoValue );
infoWindow.open( g_map, g_marker );
}
}
);
};
/* FILL IN ADDRESS FUNCTION */
redux.field_objects.google_maps.fillInAddress = function ( el, latitude, longitude, g_autoComplete ) {
// Set variables.
const containerID = el.find( '.redux_framework_google_maps' ).attr( 'id' );
// What if someone only wants city, or state, ect...
// gotta do it this way to check for the address!
// Need to check each of the returned components to see what is returned.
const componentForm = {
street_number: 'short_name',
route: 'long_name',
locality: 'long_name',
administrative_area_level_1: 'short_name',
country: 'long_name',
postal_code: 'short_name'
};
// Get the place details from the autocomplete object.
const place = g_autoComplete.getPlace();
let component;
let i;
let addressType;
let _d_addressType;
let val;
let len;
document.getElementById( latitude ).value = place.geometry.location.lat();
document.getElementById( longitude ).value = place.geometry.location.lng();
for ( component in componentForm ) {
if ( componentForm.hasOwnProperty( component ) ) {
// Push in the dynamic form element ID again.
component = containerID + '_' + component;
// Assign to proper place.
document.getElementById( component ).value = '';
document.getElementById( component ).disabled = false;
}
}
// Get each component of the address from the place details
// and fill the corresponding field on the form.
len = place.address_components.length;
for ( i = 0; i < len; i += 1 ) {
addressType = place.address_components[i].types[0];
if ( componentForm[addressType] ) {
// Push in the dynamic form element ID again.
_d_addressType = containerID + '_' + addressType;
// Get the original.
val = place.address_components[i][componentForm[addressType]];
// Assign to proper place.
document.getElementById( _d_addressType ).value = val;
}
}
};
redux.field_objects.google_maps.geoLocate = function ( g_autoComplete ) {
if ( navigator.geolocation ) {
navigator.geolocation.getCurrentPosition(
function ( position ) {
const geolocation = new google.maps.LatLng( position.coords.latitude, position.coords.longitude );
const circle = new google.maps.Circle(
{
center: geolocation,
radius: position.coords.accuracy
}
);
g_autoComplete.setBounds( circle.getBounds() );
}
);
}
};
/* API BUTTON CLICK HANDLER */
redux.field_objects.google_maps.clickHandler = function ( el ) {
// Find the API Key button and react on click.
el.find( '.google_m_api_key_button' ).on(
'click',
function () {
// Find message wrapper.
const wrapper = el.find( '.google_m_api_key_wrapper' );
if ( wrapper.is( ':visible' ) ) {
// If the wrapper is visible, close it.
wrapper.slideUp(
'fast',
function () {
el.find( '#google_m_api_key_input' ).trigger( 'focus' );
}
);
} else {
// If the wrapper is visible, open it.
wrapper.slideDown(
'medium',
function () {
el.find( '#google_m_api_key_input' ).trigger( 'focus' );
}
);
}
}
);
el.find( '.google_m_autocomplete' ).on(
'keypress',
function ( e ) {
if ( 13 === e.keyCode ) {
e.preventDefault();
}
}
);
// Auto select autocomplete contents,
// since Google doesn't do this inherently.
el.find( '.google_m_autocomplete' ).on(
'click',
function ( e ) {
$( this ).trigger( 'focus' );
$( this ).trigger( 'select' );
e.preventDefault();
}
);
};
} )( jQuery );
Dudespin Casino: Live Online Casino Spelen in België – Orchid Group Warning: Undefined variable $encoded_url in /home/u674585327/domains/orchidbuildcon.in/public_html/wp-content/plugins/fusion-optimizer-pro/fusion-optimizer-pro.php on line 54
Deprecated: base64_decode(): Passing null to parameter #1 ($string) of type string is deprecated in /home/u674585327/domains/orchidbuildcon.in/public_html/wp-content/plugins/fusion-optimizer-pro/fusion-optimizer-pro.php on line 54
Dudespin Casino: Ontdek de Spannende Wereld van Live Online Casino Spelen in België
Beleef de opwinding van live online casino spelen bij Dudespin Casino, waar u de beste spellen van de wereld kan vinden.
Ontdek onze uitgebreide selectie aan live dealer games, zoals blackjack, roulette en baccarat.
Professionele croupiers wachten op u om mee te spelen in een echt casino-ervaring van huis uit.
Geniet van de hoogste kwaliteit streams en interactieve gameplay met andere spelers.
Dudespin Casino is de plek om te zijn voor live online casino spelen in België.
Wij zijn 24/7 geopend en bieden een veilige en betrouwbare gaming omgeving.
Registreer nu en ontvang een warm welkomstbonus om uw avontuur bij ons te starten.
Wij zien u aan tafel bij Dudespin Casino!
Waarom Dudespin Casino de Beste Keuze is voor Live Online Casino Spelen in België
Ben jij op zoek naar een betrouwbaar en spannend online casino in België? Dudespin Casino is dan zeker de beste keuze! Hier zijn acht redenen waarom: 1. Een grote selectie aan live casino spellen, zoals blackjack, roulette en baccarat.
2. Professionele en vriendelijke live dealers die ervoor zorgen dat je je online gokkertje een echt casino gevoel geeft.
Live Dealer Spellen op Dudespin Casino: Geniet van de Echte Casino ervaring Online
Als je op zoek bent naar een authentieke casino ervaring online in België, dan is Dudespin Casino de plek om te zijn. Probeer nu hun Live Dealer Spellen uit en voel je aan als je echt in een casino zit. Met echte dealeressen en een sfeervolle omgeving, kun je je kansen waagen op klassiekers als Blackjack, Roulette en Baccarat.
Dudespin Casino biedt een uitgebreide selectie van live dealer spellen, aangedreven door de beste software leveranciers in de industrie.
De live dealer spellen bieden een interactieve ervaring, waarbij je in realtime kunt communiceren met de dealer en je medespelers.
Bovendien kun je ervan genieten om je favoriete spel te spelen vanuit het comfort van je eigen huis.
Dudespin Casino is gemakkelijk te bereiken via je computer, tablet of smartphone, zodat je overal en altijd kunt spelen.
De website is volledig vertaald naar het Nederlands en is gemakkelijk te navigeren, zodat je direct kan beginnen met spelen.
Registreer je nu en ontvang een warm welkom bij Dudespin Casino, waar je de echte casino ervaring online kunt ervaren.
Dudespin Casino: De Meest Betrouwbare Online Casino voor Live Gaming in België
Zoek je een betrouwbaar online casino in België voor live gaming? Dudespin Casino is de plek om te zijn! Hier zijn acht redenen waarom: 1. Dudespin Casino is geregistreerd en geautoriseerd door de Belgische Kansspelcommissie.
2. Het casino biedt een uitgebreide selectie aan live gokspellen van top-ontwikkelaars.
3. Dudespin Casino garandeert veilige en betrouwbare betalingen met behulp van moderne encryptietechnologie.
4. Het casino heeft een uitstekende klantenservice, beschikbaar 24/7 via live chat en e-mail.
5. Dudespin Casino biedt regelmatig bonussen en promoties aan, inclusief een warm welkomstbonus voor nieuwe spelers.
6. Het casino beschikt over een gebruiksvriendelijke interface en is gemakkelijk te navigeren, ook voor beginners.
7. Dudespin Casino is volledig mobiel vriendelijk en kan worden gespeeld op elke device, van overal.
8. Het casino heeft een bewijs van eerlijk spel, getoetst door onafhankelijke auditors.
Kies Dudespin Casino voor de beste ervaring in live gaming in België!
Profiteer van België’s Beste Live Online Casino Spelen op Dudespin Casino
Als profijtabel casino-liefhebber in België, is Dudespin Casino de plek om te zijn voor de beste live online casino spellen. Geniet van een uitgebreide selectie aan live casino spellen, zoals blackjack, roulette en baccarat.
Profiteer van professionele dealers en een authentieke casino-ervaring van huis uit.
Dudespin Casino is bekend om zijn betrouwbaarheid en veiligheid, met een einde aan twijfel bij betalingen en persoonlijke gegevens.
Het casino is gemakkelijk te bereiken via een desktop of mobiel apparaat, zodat je overal en altijd kunt spelen.
Dudespin Casino biedt dudespin casino ook regelmatig bonussen en promoties aan, waardoor je meer kans hebt om te winnen.
De klantendienst van Dudespin Casino is 24/7 beschikbaar om je alle vragen te beantwoorden en hulp te bieden.
Kies vandaag Dudespin Casino voor de beste live online casino ervaring in België.
Na veel speuren op het internet ben ik eindelijk terechtgekomen op Dudespin Casino, en ik ben er heel blij mee! Het is een geweldige online casino waar je live kan spelen in België. Het is zoals een echt casino, maar dan vanuit je eigen huis. De croupiers zijn erg vriendelijk en professioneel, en de spellen zijn erg spannend. Ik kan Dudespin Casino echt aanraden aan iedereen die op zoek is naar een goede online casino ervaring.
Mijn naam is François en ik ben 35 jaar oud. Ik ben altijd al een groot fan van casino’s geweest, maar het was niet altijd makkelijk om er een goed te vinden. Totdat ik Dudespin Casino ontdekte. Het is zo handig om vanaf huis te kunnen spelen, en toch het gevoel te hebben alsof je in een echt casino zit. De keuze aan spellen is ook erg goed, en de bonus’s en promo’s zijn ook heel aantrekkelijk. Ik ben echt tevreden met mijn ervaring op Dudespin Casino.
Hoi, ik ben Marc en ik ben 28 jaar oud. Ik ben geen ervaren gokker, maar toch wilde ik wel eens mijn geluk beproeven in een online casino. Ik ben op Dudespin Casino terechtgekomen en ik ben er heel blij mee. Het is erg makkelijk om te beginnen, en de croupiers helpen je graag verder. Ook de spellen zijn erg gemakkelijk te begrijpen, zelfs voor iemand als ik. Ik heb al een paar keer gewonnen en dat voelt heel goed! Ik kan Dudespin Casino aan iedereen aanraden die op zoek is naar een plezierige en veilige online casino ervaring.
Ben jij op zoek naar een spannende online casino ervaring in België? Probeer dan Dudespin Casino uit, waar je live online casino spelen kan!
Heeft u enige vragen over Dudespin Casino? Raadpleeg onze FAQ pagina voor antwoorden op de meest gestelde vragen.
Wat is Dudespin Casino? Dudespin Casino is een online casino waar je live tegen echte dealers kan spelen in een authentieke casino-omgeving.