Jonas Hjalmarsson

web111se

A multi-point Google Maps field for Advanced Custom Fields. Click to add markers, drag to reposition, right-click to remove.
The plugin reads your existing Google Maps API key from ACF’s global setting (<code>google_api_key</code>), so no extra configuration is needed if you already use ACF Map fields. If you don’t have one set, you can also provide a key via the <code>acf_multi_coords_gmaps_key</code> filter.
Originally inspired by the single-point <a href="https://wordpress.org/plugins/advanced-custom-fields-coordinates/" rel="ugc">ACF: Coordinates</a> field by Stupid Studio; this plugin extends the idea to multiple points per field.
Licensed under the GNU General Public License v3. See <code>gpl.txt</code> for details.
<h3>Usage</h3>
When you create a new custom field with ACF, set the field type to Multiple Coordinates map. The coordinates chooser will then show up when you edit a post with your custom fields.
The tool adds a point on each click on the map. To remove the point, select the “Remove Coordinate” button and click a point. You can also show the points as a polygon on the map with the “Show area on map” button, and show the actual coordinates in a semicolon-separated list with the “Show coordinates” button. The search field is only there to quickly take you to different places on the map — not to add the actual points.
To get the coordinates data on your frontend, simply request the field value and you get the coordinates in a latitude/longitude array plus the zoom level, like this:
<pre><code><?php
$values = get_field('*****FIELD_NAME*****');
print_r($values);
/* gives you something like:
 Array
 (
 [coords] => Array
 (
 [0] => Array
 (
 [lat] => 57.156363766336
 [lng] => 16.364327427978
 )
 [1] => Array
 (
 [lat] => 57.159612809986
 [lng] => 16.370315551758
 )
 )
 [zoom] => 13
 )
*/
?>
</code></pre>

Advanced Custom Fields: Multiple Coordinates

A multi-point Google Maps field for Advanced Custom Fields. Click to add markers, drag to reposition, right-click to remove.

Manish S

No API key needed to use google maps, use direct iframe method. 
This plugin allows to use the shortcode (<code>[map-coordinate]</code>), custom Elementor widget or a Gutenberg block to display Google Maps with Latitude & Longitude. There is also an admin menu to add Latitude & Longitude globally for all Gutenberg blocks and shortcodes.
Check out the live version of the project here: <a href="https://tastewp.com/plugins/custom-map-coord/" rel="nofollow ugc">Demo</a>
You can add the coordinates globally for the map to use from admin menu (<code>Custom Map</code>) as shown on screenshot #1.
The shortcode for the map to display is:
<pre><code>[map-coordinate]
</code></pre>
You can also add different coordinates for each shortcode:
<pre><code>[map-coordinate lat="xx" lon="xx"]
</code></pre>
If you are using Gutenberg editor for your posts, then you can also use the Gutenberg block – Custom Map Coordinates 
Custom elementor widget is also available to use for Elementor page builder.

Coordinate for Google Map (No API Required)

Use Google Maps without API using coordinates (latitude & longitude) anywhere in WordPress with help of shortcodes & Gutenberg block

Advanced Custom Fields: Multiple Coordinates vs Coordinate for Google Map (No API Required)