View source for Joomla 4 Tips and Tricks: Using Google Geocode

=== Edit file ===
The API key needs to be passed to Javascript in the edit file:
<source lang="php">
// near the top, before ?>
$config = ComponentHelper::getParams('com_mycomponent');
$key = $config->get('apikey');

$uri = JURI::getInstance();
$scheme = $uri->getScheme();

// Register and attach a custom item in one run
$wa->registerAndUseScript('gmap', $scheme . '://maps.googleapis.com/maps/api/js?key=' . $key . '&sensor=false', [], ['defer' => true]);

$wa->addInlineScript("
	var mapapikey = '{$key}';
");

...
<!-- near the bottom -->
<?php include_once JPATH_COMPONENT . '/layouts/modalbox.php'; ?>
</source>
The data entry form, click the Go button to generate latitude and longitude values, then the Preview button to check the results:

[[File:joomla-4-tips-and-tricks-google-geocoded-map-data-entry.png|border|Data Entry Form]]