CBX Map for Google Map & OpenStreetMap

Description

Long story short, I was searching for easy google map embed in wordpress using lat, lng and I didn’t find one
that is easy and works instantly. So I created one.

See more details and usages guide and display system coding guide

Key Features

  • Google MAP or Openstreep map(no api key needed)
  • Custom post type for map
  • Easy Shortcode
  • Works without custom post type using the same shortcode
  • Responsive with browser width and resize
  • Info window
  • Default global Setting
  • Meta field for custom post type
  • Easy geo complete feature while finding proper marker position in custom post type edit.
  • Easy copy shortcode with mouse click

Special Features

  • Elementor page builder element/widget support
  • (Coming soon)Gutenberg support

Shortcode Params

The most short form of the shortcode is
[cbxgooglemap id=”google map post id here”] where id is post id of custom google map post type

The shortcode works without id and event other params can be override in shortcode params. Here are the other params,
if any param missing it will be taken from post meta field, if missing in meta field it will be taken from global default setting.

id      = post id, can be empty
width   = numeric value, '%' accepted, no 'px', if only numeric value then px will be added automatically, if empty will be taken from post meta if available
height  = nemeric value, no 'px', if empty value will be taken from post meta if available
zoom    = default 8, if empty from post meta if available
lat     = lattitude value, if empty from post meta , required(at least should be in post meta)
lng     = longitude value, if empty from post meta , required(at least should be in post meta)
heading = used for info window title, if empty will be used from post tile if available
address = used for info window content, if empty will be taken from post meta if available
scrollwheel = 1 enable , 0 disable, default 1 or comes from default config
showinfo = 1 enable , 0 disable, default 1 or comes from default config
website = website url that is linked to Place name in popup info window, leave empty to ignore
mapicon = map icon url, leave empty to ignore

Let us know which new feature you except.

Pro Addon Features

  • Distance Search shortcode , map and list display
  • Displays multiple markers from the maps post types in single map
  • Make map public or not so that single map can be browse like post
  • Map Categories

Check the proaddon more details

Screenshots

  • CBX Map global setting
  • CBX Map global setting-2
  • CBX Map admin post listing
  • CBX Map admin single map edit
  • CBX Map admin single map edit -2
  • CBX Map frontend

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload folder cbxgooglemap to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to CBX Google map setting, put google map api key (in google project console you need, js map api, geo coding api, e)
  4. Place shortcode any where as need

FAQ

Is there any custom function to call directly ?

No at this moment

Reviews

Thaaaaaaaank you!!!!

Thank good for this Plugin since getting a google API is a mess! I tried to get an API for two hours now. I give it up and will use openstreetmap and this plugin from now on. Thaaaaaaaank you!!!!
Read all 1 review

Contributors & Developers

“CBX Map for Google Map & OpenStreetMap” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

= 1.1.1
* [Improvement] Elementor widget dynamic render and lots of other improvement
* Template system and template override from theme, same feature in pro addon

1.1.0

  • [Improvement] Add same type html markup for opensteetmap info window for heading and description. lots of improvement.
  • [New] Pro addon released for distance search search features with new shortcode.

1.0.10

  • [Bug Fix] Map save error fix

1.0.9

  • [New] Added openstreet map as an option with existing google map which need api key

1.0.8

  • [Bug Fix] Backend map address input field flickering issue

1.0.7

  • [Improvement] CSS and JS minified for best performance

1.0.6

  • [Bug Fix] Minor bug fix and improvement

1.0.5

  • [Bug Fix] Google api key missing error handled