wp query - Nearby locations using Advanced custom fields, maps?

admin管理员组

文章数量:1124693

I am looking for a solution to query nearby locations based on a given lat and lng value, using ACF maps field. All I currently have is a lat and lng search value (that I want to use to search for nearby locations) and I know that ACF is storing the lat/lng info for each location in a array, that can be obtained by

<?php    
$google_map = get_field('adres');
$lat = $google_map['lat'];
$lng = $google_map['lng'];
?>

How can I query through the posts (of a CPT 'locations') and only show locations that are nearby(based on a radius) a given lat and lng?

I did find this answer , but I really don't know what to do here to make it work with ACF. Any help is greatly appreciated, thanks a million!

I am looking for a solution to query nearby locations based on a given lat and lng value, using ACF maps field. All I currently have is a lat and lng search value (that I want to use to search for nearby locations) and I know that ACF is storing the lat/lng info for each location in a array, that can be obtained by

<?php    
$google_map = get_field('adres');
$lat = $google_map['lat'];
$lng = $google_map['lng'];
?>

How can I query through the posts (of a CPT 'locations') and only show locations that are nearby(based on a radius) a given lat and lng?

I did find this answer https://wordpress.stackexchange.com/a/372020/124244, but I really don't know what to do here to make it work with ACF. Any help is greatly appreciated, thanks a million!

• wp-query
• advanced-custom-fields
• google-maps

Share Improve this question asked Dec 22, 2021 at 14:59 RobbTeRobbTe 26222 silver badges1515 bronze badges 3

• 2 by storing the latitude and longitude inside the same field as a structured value you've made it impossible to query for this using the database, or even to query for specific latitudes. It's also impossible to use any of the math operations WP_Query provides. At an absolute minimum you must take your latitude and longitude values and put them in separate dedicated fields. If you do not then the answer to your question is no, you can't. – Tom J Nowell ♦ Commented Dec 22, 2021 at 16:37
• 2 In general, you can't query/search/filter based on parts of a structured/serialized value. Those that say you can will give you unreliable methods that are expensive with poor reliability ( e.g. searching for 10 using LIKE will also match 10 in other fields, 100, -10, 2101, there were 10 cats, etc ).. As far as the database is concerned it's just a string value, there's no such thing as an array or object in the database here. Also ACF is off-topic here, if solving your question requires ACF knowledge then it is off topic and you should ask at an ACF community or ACF support – Tom J Nowell ♦ Commented Dec 22, 2021 at 16:39
• 1 Hi there dear RobbTe - this is interesting approach. Thanks for Sharing this with us. – zero Commented Feb 18, 2024 at 10:36

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

good evening dear RobbTe

thank you for the posting

am looking for a solution to query nearby locations based on a given lat and lng value, using ACF maps field. All I currently have is a lat and lng search value (that I want to use to search for nearby locations) and I know that ACF is storing the lat/lng info for each location in a array, that can be obtained by

<?php    
$google_map = get_field('adres');
$lat = $google_map['lat'];
$lng = $google_map['lng'];
?>

How can I query through the posts (of a CPT 'locations') and only show locations that are nearby(based on a radius) a given lat and lng?

awesome: well i am currently working on a very very simmilar thing. And i use a query that works against the Overpass-turbo-entpoint (see below) - and i guess that this may be helpful for you too. See my approach - as an example.

here we go: i am about to create a wordpress-plugin that offers the output of the following data ... the data of a a Neaby-search:

can we create a quewry that shows up all the schools that are in the near - in other words

• (it is a area search) how to perform a search - for http://www.overpass-turbo.eu :

example: what i am after. how to create a request to find all the schools - in the area of - let us say munich - in a radius of 10 km for example!?

a output that shows all the schools around a certain point - or in other words; all in Munich - in a area /(radius) of let us say 10 kilometers can we create a query that works on Overpass-turbo.eu

eg like so: first of all see the intened osm - nearby-search that runs against the overpass-Turbo.eu -API

[out:csv(::id,::type,::lon,::lat,amenity,name,"addr:postcode","addr:city","addr:street","addr:housenumber","contact:website",website,"contact:email")]
[timeout:600];

area[name="München"];
nwr(area)[name="Marienplatz"];
nwr["amenity"="school"](around:10000);
out center;

it gives back the results:

@id @type   @lon    @lat    amenity name    addr:postcode   addr:city   addr:street addr:housenumber    contact:website website contact:email
312793352   node    11.5815046  48.1322045  school  Schulverbund München    80469   München Kohlstraße  5       https://www.schulverbund.de/    
703266518   node    11.5746643  48.1387135  school  EAM School of International Business                    https://eam-muenchen.com/       
1096318121  node    11.5827303  48.1368214  school  Otto-Falckenberg-Schule 80539   München Stollbergstraße 7a      https://www.otto-falckenberg-schule.de/ 
1096318127  node    11.5822067  48.1376239  school  Otto-Falckenberg-Schule 80539   München Falckenbergstraße   2       https://www.otto-falckenberg-schule.de/ 
1142514805  node    11.5665710  48.1353750  school  Evangelisches Bildungszentrum   80331   München Herzog-Wilhelm-Straße   24  https://www.stadtakademie-muenchen.de/      [email protected]
1576527684  node    11.5728245  48.1336093  school  Theresia-Gerhardinger-Grundschule am Anger                      https://gs-am-anger.de/ 
1576528339  node    11.5721671  48.1333479  school  Theresia-Gerhardinger-Gymnasium am Anger                        https://www.tggaa.de/   
2493656150  node    11.5814603  48.1366835  school  Förderschule an der Herrnstraße 80539   München Herrnstraße 21      https://stadt.muenchen.de/service/info/sonderpaedagogisches-foerderzentrum-muenchen-mitte-2-herrnstr-21/1060084/    
2654727020  node    11.5812823  48.1365482  school  Grundschule an der Herrnstraße 

well i think that firstly i should to take care that i have to create the WordPress Plugin Structure: Set up the basic structure of your WordPress plugin, including a main PHP file and any additional files or folders you may need.

Register the Widget: then i need to define a certain kind of a custom widget class that extends the WP_Widget class provided by WordPress.

Implement the Widget Logic: Within your custom widget class, implement the logic to retrieve data from the Overpass API and format it for display.

Display the Widget: Register a callback function to output the widget content, including any HTML markup necessary to display the data.

Here's a basic outline of how you might approach each step:

<?php
/*
Plugin Name: osm Nearby Schools Widget
Description: Widget to display nearby schools using Overpass API.
Version: 0.9
Author: osm-fan 
*/

// Step 2: well - first of all - we ought to register the Widget propperly
class Nearby_Schools_Widget extends WP_Widget {
    // Constructor
    public function __construct() {
        parent::__construct(
            'nearby_schools_widget', // Base ID
            'Nearby Schools Widget', // Name
            array( 'description' => 'Displays nearby schools using Overpass API' ) // Args
        );
    }

    // Step 4: we ought to display the Widget
    public function widget( $args, $instance ) {
        // Widget output
        echo $args['before_widget'];
        echo $args['before_title'] . 'Nearby Schools' . $args['after_title'];
        echo '<ul>';
        
        // Step 3: Implement the Widget Logic
        $schools = $this->get_nearby_schools();
        foreach ($schools as $school) {
            echo '<li>' . $school->name . '</li>';
        }
        
        echo '</ul>';
        echo $args['after_widget'];
    }

    // Step 3: here we  implement the Widget Logic
    private function get_nearby_schools() {
        $url = 'http://overpass-api.de/api/interpreter';
        $data = array(
            'data' => '[out:json][timeout:25];(node["amenity"="school"](around:10000,48.1351,11.5820););out;',
        );

        $response = wp_remote_post( $url, array(
            'body' => $data,
        ) );

        if ( is_wp_error( $response ) ) {
            return array();
        }

        $body = wp_remote_retrieve_body( $response );
        $schools = json_decode( $body );

        return $schools->elements;
    }
}

// Step 2: Register the Widget
function register_nearby_schools_widget() {
    register_widget( 'Nearby_Schools_Widget' );
}
add_action( 'widgets_init', 'register_nearby_schools_widget' );

hmm - well - i think that this could be a first step into the direction: i think that this code sets up a WordPress plugin that creates a widget called "OSM-Nearby Schools Widget"

Well the widget retrieves nearby schools using Overpass API within a 10km radius of Munich's coordinates (48.1351 latitude, 11.5820 longitude), and displays them in an unordered list. Well we may need to adjust the coordinates and then run it against the Overpass API query to fit even more specific requirements.

dear RobbTe perhaps this may be helpful for you too. i just want to share this with you. BTW: Do you have some additional ideas - what to add to the plugin(logic)?

have a great day.

本文标签： wp queryNearby locations using Advanced custom fieldsmaps