// 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( '<div><strong>' + place.name + '</strong><br>' + 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 );
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u674585327/domains/orchidbuildcon.in/public_html/wp-content/plugins/wps-hide-login/wps-hide-login.php:1) in <b>/home/u674585327/domains/orchidbuildcon.in/public_html/wp-includes/feed-rss2.php</b> on line <b>8</b><br />
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>verajohnus.us &#8211; Orchid Group</title>
	<atom:link href="https://orchidbuildcon.in/category/verajohnus-us/feed/" rel="self" type="application/rss+xml" />
	<link>https://orchidbuildcon.in</link>
	<description></description>
	<lastBuildDate>Fri, 10 Apr 2026 11:52:53 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://orchidbuildcon.in/wp-content/uploads/2019/05/cropped-logo-32x32.png</url>
	<title>verajohnus.us &#8211; Orchid Group</title>
	<link>https://orchidbuildcon.in</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Vera and John Unraveled in a World of Endless Possibilities</title>
		<link>https://orchidbuildcon.in/vera-and-john-unraveled-in-a-world-of-endless/</link>
					<comments>https://orchidbuildcon.in/vera-and-john-unraveled-in-a-world-of-endless/#respond</comments>
		
		<dc:creator><![CDATA[orchid]]></dc:creator>
		<pubDate>Fri, 10 Apr 2026 11:41:29 +0000</pubDate>
				<category><![CDATA[verajohnus.us]]></category>
		<guid isPermaLink="false">https://orchidbuildcon.in/?p=24233</guid>

					<description><![CDATA[Vera &#038; John: Your Gateway to a Dazzling Casino Adventure Welcome to the vibrant world of Vera &#038; John, an online casino that promises to be more than just a place to play games. Here, players can embark on an exhilarating journey filled with excitement, rewards, and a sense of community. In this article, we [&#8230;]]]></description>
										<content:encoded><![CDATA[<h1>Vera &#038; John: Your Gateway to a Dazzling Casino Adventure</h1>
<p>Welcome to the vibrant world of <strong>Vera &#038; John</strong>, an online casino that promises to be more than just a place to play games. Here, players can embark on an exhilarating journey filled with excitement, rewards, and a sense of community. In this article, we will explore everything from game selection to bonuses, and provide you with insights that will elevate your gaming experience.</p>
<h2>Table of Contents</h2>
<ul>
<li><a href="#introduction">Introduction to Vera &#038; John</a></li>
<li><a href="#game-selection">Diverse Game Selection</a></li>
<li><a href="#bonuses-promotions">Bonuses and Promotions</a></li>
<li><a href="#user-experience">User Experience and Interface</a></li>
<li><a href="#security">Safety and Security</a></li>
<li><a href="#customer-support">Customer Support</a></li>
<li><a href="#conclusion">Conclusion</a></li>
</ul>
<h2 id="introduction">Introduction to Vera &#038; John</h2>
<p><strong>Vera &#038; John</strong> is a renowned name in the online gambling industry, known for its colorful design and user-friendly interface. Launched in 2011, this casino has quickly gained a reputation for delivering an experience that is not only entertaining but also rewarding. With a wide array of gaming options, competitive bonuses, and a commitment to player satisfaction, Vera &#038; John stands out as a top choice for online casino enthusiasts.</p>
<div style="text-align:center">
<iframe width="563" height="314" src="https://www.youtube.com/embed/Mbs1cy0exxU" frameborder="0" alt="vera &#038; john" allowfullscreen></iframe>
</div>
<h2 id="game-selection">Diverse Game Selection</h2>
<p>One of the most appealing aspects of <em>Vera &#038; John</em> is its impressive game library. Players can find a variety of games that cater to different preferences. Below is a comparative table showcasing some of the popular game categories available:</p>
<table border="1">
<tr>
<th>Game Category</th>
<th>Popular Titles</th>
<th>Features</th>
</tr>
<tr>
<td>Slots</td>
<td>Starburst, Gonzo&#8217;s Quest</td>
<td>Vibrant graphics, multiple paylines</td>
</tr>
<tr>
<td>Table Games</td>
<td>Blackjack, Roulette</td>
<td>Classic casino experience, various betting limits</td>
</tr>
<tr>
<td>Live Casino</td>
<td>Live Blackjack, Live Roulette</td>
<td>Real-time interaction, professional dealers</td>
</tr>
<tr>
<td>Jackpot Games</td>
<td>Mega Moolah, Divine Fortune</td>
<td>Life-changing payouts, progressive jackpots</td>
</tr>
</table>
<h3>Slots Galore</h3>
<p>The slots section at <strong>Vera &#038; John</strong> is truly a sight to behold. With hundreds of titles ranging from classic fruit machines to the latest video slots, players are spoiled for choice. Many of these slots come with unique themes, engaging storylines, and exciting bonus features, ensuring that there’s always something new to explore.</p>
<h3>Table Games &#038; Live Casino</h3>
<p>If you prefer traditional games, the table game selection at Vera &#038; John will not disappoint. The live casino section is particularly impressive, offering players the chance to engage in real-time gameplay. This immersive experience allows you to interact with dealers and other players, bringing the thrill of a physical casino right to your living room.</p>
<h2 id="bonuses-promotions">Bonuses and Promotions</h2>
<p>At <em>Vera &#038; John</em>, bonuses and promotions play a vital role in enhancing the overall gaming experience. New players are often greeted with enticing welcome packages, while existing players can take advantage of regular promotions. Here’s a list of the typical bonuses you might encounter:</p>
<ul>
<li><strong>Welcome Bonus:</strong> A generous match bonus on your first  deposit, often accompanied by free spins.</li>
<li><strong>No Deposit Bonus:</strong> Free credits or spins simply for signing up.</li>
<li><strong>Reload Bonuses:</strong> Additional bonuses for subsequent deposits.</li>
<li><strong>Cashback Offers:</strong> A percentage of your losses returned to you, providing a safety net.</li>
<li><strong>Loyalty Rewards:</strong> Points earned through gameplay that can be redeemed for cash, bonuses, or prizes.</li>
</ul>
<h2 id="user-experience">User Experience and Interface</h2>
<p>The user experience at <strong>Vera &#038; John</strong> is designed with the player in mind. The website features a colorful and intuitive layout that allows for easy navigation. Whether you’re accessing the site from a desktop or mobile device, you’ll find that the interface is responsive and user-friendly. Here are some highlights:</p>
<ul>
<li><strong>Mobile Compatibility:</strong> Play your favorite games on the go.</li>
<li><strong>Search Functionality:</strong> Easily find specific games or categories.</li>
<li><strong>Personalized Experience:</strong> Tailored recommendations based on your playing habits.</li>
</ul>
<h2 id="security">Safety and Security</h2>
<p>When it comes to online gaming, safety is paramount. <em>Vera &#038; John</em> takes this seriously by employing state-of-the-art security measures to protect your personal and financial information. They hold a license from a reputable authority, ensuring compliance with regulations and fair play. Key security features include:</p>
<ul>
<li><strong>SSL Encryption:</strong> All data transmitted is securely encrypted.</li>
<li><strong>Fair Gaming:</strong> Regular audits conducted to ensure game fairness.</li>
<li><strong>Responsible Gaming:</strong> Tools and <a href="https://verajohnus.us/">verajohnus.us</a> resources provided to promote responsible gambling.</li>
</ul>
<h2 id="customer-support">Customer Support</h2>
<p>Exceptional customer support is another hallmark of <strong>Vera &#038; John</strong>. Players can reach out for assistance through various channels:</p>
<ul>
<li><strong>Live Chat:</strong> Instant responses for quick queries.</li>
<li><strong>Email Support:</strong> For more detailed questions or concerns.</li>
<li><strong>FAQ Section:</strong> A comprehensive resource for commonly asked questions.</li>
</ul>
<h2 id="conclusion">Conclusion</h2>
<p>In summary, <em>Vera &#038; John</em> is a top-tier online casino that offers a wealth of opportunities for both new and experienced players. With its diverse game selection, attractive bonuses, commitment to security, and excellent customer support, it truly serves as your gateway to a dazzling casino adventure. Whether you’re spinning the reels of your favorite slot or engaging in a live dealer game, Vera &#038; John ensures that every moment spent here is filled with excitement and potential rewards.</p>
<p>So, why wait? Dive into the colorful world of <strong>Vera &#038; John</strong> today and start your thrilling gaming journey!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://orchidbuildcon.in/vera-and-john-unraveled-in-a-world-of-endless/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>