Skip to content

WordPressUtilities/wpugmapsautocompletebox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WPU Google Maps Autocomplete Box

Add a Google Maps Autocomplete box on edit post pages.

How to manually add set-up the plugin :

// API key : Google Places API Web Service & Google Static Maps API
add_filter( 'wpugmapsautocompletebox_apikey', 'set_wpugmapsautocompletebox_apikey', 10, 3 );
function set_wpugmapsautocompletebox_apikey() {
    return 'mygoogleapikey';
}

// Box language (default to current locale)
add_filter( 'wpugmapsautocompletebox_apilang', 'set_wpugmapsautocompletebox_apilang', 10, 3 );
function set_wpugmapsautocompletebox_apilang() {
    return 'fr';
}

// Add visible lat / lng post metas
add_filter('wpugmapsautocompletebox_addlatlng', '__return_true', 10, 1);

// Add visible address fields
add_filter('wpugmapsautocompletebox_addaddressfields', '__return_true', 10, 1);

// Post types
add_filter( 'wpugmapsautocompletebox_posttypes', 'set_wpugmapsautocompletebox_posttypes', 10, 3 );
function set_wpugmapsautocompletebox_posttypes($post_types) {
    $post_types[] = 'page';
    return $post_types;
}

// Taxonomies
add_filter( 'wpugmapsautocompletebox_taxonomies', 'set_wpugmapsautocompletebox_taxonomies', 10, 3 );
function set_wpugmapsautocompletebox_taxonomies($taxonomies) {
    $taxonomies[] = 'category';
    return $taxonomies;
}

// Custom dimensions or meta ids
add_filter('wpugmapsautocompletebox_dim', 'set_wpugmapsautocompletebox_dim', 10, 3);
function set_wpugmapsautocompletebox_dim($dim) {
    if (!function_exists('get_current_screen')) {
        return $dim;
    }
    $screen = get_current_screen();
    if (is_object($screen) && $screen->base != 'post' && $screen->id != 'instagram_posts') {
        $dim['lat']['id'] = 'instagram_post_latitude';
        $dim['lng']['id'] = 'instagram_post_longitude';
    }
    return $dim;
}

How to add a JS event :

Put the code below in your favorite JS file.

jQuery(window).on('wpugmapsautocompletebox_newcoords',function(e,lat,lng,place){
    // Coordinates
    console.log(lat,lng);
    // Place object
    console.log(place);
});

How to retrieve dimension values

$lat = get_post_meta(get_the_ID(),'wpugmapsabox_lat',1);
$lng = get_post_meta(get_the_ID(),'wpugmapsabox_lng',1);

About

Add a Google Maps Autocomplete box on post pages

Resources

License

Stars

Watchers

Forks

Packages

No packages published