Coder Social home page Coder Social logo

performize / cmb_field_map Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mustardbees/cmb_field_map

0.0 1.0 0.0 504 KB

Google Maps field type for Custom Metaboxes and Fields for WordPress

Home Page: https://www.performize.it

PHP 54.65% CSS 2.36% JavaScript 42.98%

cmb_field_map's Introduction

CMB2 Field Type: Google Maps

Description

Google Maps field type for CMB2.

The pw_map field stores the latitude/longitude values which you can then use to display a map in your theme.

Installation

You can install this field type as you would a WordPress plugin:

  1. Download the plugin
  2. Place the plugin folder in your /wp-content/plugins/ directory
  3. Activate the plugin in the Plugin dashboard

Google API Key

You'll need to generate a Google API key with both "Maps JavaScript API" and "Places API" enabled.

There are three options for specifying the Google API key:

  1. Pass the api_key field parameter. Not recommended as you'll have to do this for each map field.
  2. Define the key in your wp-config.php file.
  3. Hook in your own key retrieval logic using the pw_google_api_key filter.

Usage

pw_map

Save a location on a map. Example:

$cmb->add_field( array(
	'name' => 'Location',
	'desc' => 'Drag the marker to set the exact location',
	'id' => $prefix . 'location',
	'type' => 'pw_map',
	// 'split_values' => true, // Save latitude and longitude as two separate fields
) );

Extra Parameters:

  • split_values Save the latitude/longitude values into two custom fields, they will be stored as $id . '_latitude' and $id . '_longitude'.

Screenshot

Image

cmb_field_map's People

Contributors

mustardbees avatar gyrus avatar thekhorshed avatar lauravaq avatar berio avatar pasqualevitiello avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.