// 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>stargamessouthafrica.com &#8211; Orchid Group</title>
	<atom:link href="https://orchidbuildcon.in/category/stargamessouthafrica-com/feed/" rel="self" type="application/rss+xml" />
	<link>https://orchidbuildcon.in</link>
	<description></description>
	<lastBuildDate>Tue, 31 Mar 2026 12:32:00 +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>stargamessouthafrica.com &#8211; Orchid Group</title>
	<link>https://orchidbuildcon.in</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Unleashing the Future of Gaming at StarGames South Africa</title>
		<link>https://orchidbuildcon.in/unleashing-the-future-of-gaming-at-stargames-south/</link>
					<comments>https://orchidbuildcon.in/unleashing-the-future-of-gaming-at-stargames-south/#respond</comments>
		
		<dc:creator><![CDATA[orchid]]></dc:creator>
		<pubDate>Tue, 31 Mar 2026 12:12:07 +0000</pubDate>
				<category><![CDATA[stargamessouthafrica.com]]></category>
		<guid isPermaLink="false">https://orchidbuildcon.in/?p=22905</guid>

					<description><![CDATA[Embark on an Epic Adventure at StarGames South Africa Welcome to the exhilarating world of StarGames South Africa, where gaming enthusiasts find their paradise. This online casino offers a unique blend of entertainment, excitement, and opportunities for big wins. In this article, we&#8217;ll explore everything that makes StarGames stargamessouthafrica.com a standout choice for players in [&#8230;]]]></description>
										<content:encoded><![CDATA[<h1>Embark on an Epic Adventure at StarGames South Africa</h1>
<p>Welcome to the exhilarating world of <strong>StarGames South Africa</strong>, where gaming enthusiasts find their paradise. This online casino offers a unique blend of entertainment, excitement, and opportunities for big wins. In this article, we&#8217;ll explore everything that makes StarGames <a href="https://stargamessouthafrica.com/">stargamessouthafrica.com</a> a standout choice for players in South Africa.</p>
<h2>Table of Contents</h2>
<ul>
<li><a href="#introduction">Introduction to StarGames South Africa</a></li>
<li><a href="#game-selection">A Diverse Game Selection</a></li>
<li><a href="#promotions">Exciting Promotions and Bonuses</a></li>
<li><a href="#user-experience">User Experience and Interface</a></li>
<li><a href="#payment-methods">Safe Payment Methods</a></li>
<li><a href="#customer-support">Reliable Customer Support</a></li>
<li><a href="#conclusion">Conclusion</a></li>
</ul>
<h2 id="introduction">Introduction to StarGames South Africa</h2>
<p><strong>StarGames South Africa</strong> has quickly risen to prominence in the online gaming industry, captivating players with its innovative platform. Established to cater to the growing demand for online casinos, StarGames combines state-of-the-art technology with a user-friendly interface. Whether you are a seasoned player or a newcomer, this casino promises an unforgettable gaming experience.</p>
<h2 id="game-selection">A Diverse Game Selection</h2>
<p>The heart of any casino lies in its game selection, and StarGames does not disappoint. With a plethora of options ranging from classic table games to the latest video slots, players can indulge in various gaming genres. Here’s a breakdown of the available games:</p>
<table>
<thead>
<tr>
<th>Game Type</th>
<th>Examples</th>
<th>Features</th>
</tr>
</thead>
<tbody>
<tr>
<td>Video Slots</td>
<td>Starburst, Gonzo&#8217;s Quest</td>
<td>High-definition graphics, immersive themes</td>
</tr>
<tr>
<td>Table Games</td>
<td>Blackjack, Roulette</td>
<td>Multiple variants, live dealer options</td>
</tr>
<tr>
<td>Progressive Jackpots</td>
<td>Mega Moolah, Divine Fortune</td>
<td>Life-changing payouts, increasing jackpots</td>
</tr>
</tbody>
</table>
<p>With new games added regularly, players will always have something fresh to explore. The thrill of discovering new titles combined with the classics creates an unmatched gaming ambiance.</p>
<h2 id="promotions">Exciting Promotions and Bonuses</h2>
<p>At StarGames South Africa, the excitement doesn&#8217;t stop at gameplay. The casino offers a variety of promotions and bonuses designed to enhance your gaming experience:</p>
<ul>
<li><strong>Welcome Bonus:</strong> New players can take advantage of an attractive welcome package upon signing up.</li>
<li><strong>Weekly Promotions:</strong> Regular bonuses such as free spins and cashback offers keep the fun going.</li>
<li><strong>Loyalty Program:</strong> Rewarding loyal players with points redeemable for bonuses and exclusive perks.</li>
</ul>
<div style="text-align:center">
<iframe width="567" height="311" src="https://www.youtube.com/embed/nR5qzVU2utI" frameborder="0" alt="StarGames South Africa" allowfullscreen></iframe>
</div>
<p>These promotions not only boost your bankroll but also provide additional chances to win big!</p>
<h2 id="user-experience">User Experience and Interface</h2>
<p>One of the standout features of <strong>StarGames South Africa</strong> is its focus on user experience. The platform is designed to be intuitive and easy to navigate, allowing players to find their favorite games quickly. Key elements include:</p>
<ul>
<li><strong>Responsive Design:</strong> The casino is fully optimized for mobile devices, letting you play on the go.</li>
<li><strong>Search Functionality:</strong> A robust search feature makes finding specific games a breeze.</li>
<li><strong>Game Categories:</strong> Organized categories help players explore different types of games effortlessly.</li>
</ul>
<p>This seamless user experience ensures that players can focus on what matters most: enjoying their gaming adventures.</p>
<h2 id="payment-methods">Safe Payment Methods</h2>
<p>When it comes to online gambling, security is paramount. StarGames South Africa takes this seriously by offering a variety of safe and reliable payment methods:</p>
<table>
<thead>
<tr>
<th>Payment Method</th>
<th>Deposit Time</th>
<th>Withdrawal Time
        </th>
</tr>
</thead>
<tbody>
<tr>
<td>Credit/Debit Cards</td>
<td>Instant</td>
<td>1-3 Business Days</td>
</tr>
<tr>
<td>e-Wallets (e.g., PayPal)</td>
<td>Instant</td>
<td>24 Hours</td>
</tr>
<tr>
<td>Bank Transfers</td>
<td>1-2 Business Days</td>
<td>3-5 Business Days</td>
</tr>
</tbody>
</table>
<p>These options provide flexibility and convenience, ensuring that your transactions are both quick and secure.</p>
<h2 id="customer-support">Reliable Customer Support</h2>
<p>StarGames South Africa prides itself on offering top-notch customer support. Players can reach out for assistance through multiple channels:</p>
<ul>
<li><strong>Live Chat:</strong> Instant support for urgent inquiries.</li>
<li><strong>Email Support:</strong> For more detailed questions and concerns.</li>
<li><strong>FAQ Section:</strong> A comprehensive resource covering common queries.</li>
</ul>
<p>Responsive and knowledgeable staff ensure that players&#8217; issues are resolved swiftly, allowing for a smooth gaming experience.</p>
<h2 id="conclusion">Conclusion</h2>
<p>In summary, <strong>StarGames South Africa</strong> stands out as a premier destination for online gaming enthusiasts. With its diverse game selection, enticing promotions, user-friendly interface, secure payment methods, and dependable customer support, it offers everything a player could wish for. Embark on your gaming journey today and discover the thrill that awaits you at StarGames!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://orchidbuildcon.in/unleashing-the-future-of-gaming-at-stargames-south/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>