CBX Map for Google Map & OpenStreetMap
CBX Map for Google Map & OpenStreetMap makes it easy to add responsive maps to your WordPress website. Choose between Google Maps and OpenStreetMap, create reusable map locations from the WordPress admin, or display a map directly with a simple shortcode. The plugin is designed to keep map creation simple. You can search for a location, set the marker position, configure the map, and copy the shortcode with just a few clicks. OpenStreetMap is supported as an alternative to Google Maps and can be used without a Google Maps API key. CBX Map for Google Map & OpenStreetMap by Codeboxr 📺 Live Demo | 🌟 Upgrade to PRO | 📋 Documentation | 👨💻 Free Support | 🤴 Pro Support | 📱 Contact Features Google Maps support OpenStreetMap support with no Google Maps API key required Create and manage reusable maps from the WordPress admin Custom post type for saved maps Simple [cbxgooglemap] shortcode Display maps without creating a custom map post Responsive map layout Automatic map resizing with the browser window Configurable map zoom and map type Marker and information window support Custom information window title and content Optional website link in the information window Custom map marker icon Global default settings Map-specific settings through custom fields Location search and easy marker positioning Easy shortcode copying from the map editor Gutenberg block support Elementor widget support Classic WordPress widget support WPBakery Page Builder support ▶️ Watch the Video Gutenberg, Elementor & Widget Support CBX Map integrates with popular WordPress content-building tools. Gutenberg Block — Add maps directly from the WordPress block editor. Elementor — Add maps using an Elementor widget. Classic Widget — Add maps through the traditional WordPress widget. WPBakery Page Builder — Add maps using a WPBakery element. Shortcode The simplest way to display a saved map is: [cbxgooglemap id="123"] Replace 123 with the ID of a map created using the CBX Maps custom post type. Display a Saved Map Once you create a map from the WordPress admin, copy its shortcode and place it anywhere that supports WordPress shortcodes. Example: [cbxgooglemap id="123"] Only the id attribute is required when displaying a saved map. Display a Map Without a Saved Map You can also create a map directly from shortcode attributes without creating a CBX Map custom post. Example: [cbxgooglemap lat="23.8103" lng="90.4125"] Shortcode Attributes * id — Saved CBX Map post ID. Optional. * maptype — Map type. Default: roadmap. Available values: roadmap, satellite, hybrid, terrain. * width — Map width. Numeric values are treated as pixels. Percentage values such as 100% are also supported. * height — Map height in pixels. * zoom — Initial map zoom level. Default: 8. * lat — Latitude of the map location. Required when using a map without a saved map post. * lng — Longitude of the map location. Required when using a map without a saved map post. * heading — Title displayed in the information window. * website — Website URL linked from the place name in the information window. Leave empty to disable the link. * address — Content displayed inside the information window. * scrollwheel — Enable or disable mouse-wheel zooming. 1 = enabled, 0 = disabled. * showinfo — Show or hide the information window. 1 = enabled, 0 = disabled. * infow_open — Control whether the information window is initially open. 1 = open, 0 = closed. * mapicon — Custom marker icon URL. Leave empty to use the default marker. Example: [cbxgooglemap lat="23.8103" lng="90.4125" zoom="12" maptype="roadmap" width="100%" height="400"] For complete shortcode documentation and Pro features, see the CBX Map documentation. CBX Map Pro Get CBX Map Pro Upgrade to CBX Map Pro to add advanced mapping and location features. Pro Features Distance search shortcode Distance-based map and list display Display multiple map locations on a single map Use saved map posts as multiple markers Make individual maps public or private Map categories Additional shortcode options and advanced functionality ▶️ Watch the Pro Video For complete Pro documentation and shortcode options, visit the CBX Map documentation. Automatic Installation From your WordPress dashboard, go to Plugins → Add New. Search for CBX Map for Google Map & OpenStreetMap. Install the plugin. Activate the plugin. Go to the CBX Map settings and configure your preferred map provider. Create a map or use the [cbxgooglemap] shortcode to display a map. Manual Installation Download the plugin. Upload the cbxgooglemap folder to /wp-content/plugins/. Activate the plugin from the Plugins menu in WordPress. Open the CBX Map settings. Configure your map provider and settings. Create a map or add the shortcode to your desired page, post, widget, or supported page builder. Google Maps API If you use Google Maps, configure the required Google Maps API credentials according to Google’s current API requirements. If you use OpenStreetMap, a Google Maps API key is not required. Support Need help with CBX Map? Free Support Documentation Pro Support Contact Codeboxr
Top keywords
- map56×7.20%
- maps19×2.44%
- cbx15×1.93%
- cbx map14×1.80%
- shortcode14×1.80%
- google13×1.67%
- support13×1.67%
- wordpress11×1.41%
- pro10×1.29%
- google maps9×1.16%
- saved9×1.16%
- window9×1.16%
Post Grid & Post Slider – Carousel, Filter Tabs & Related Posts
Show your posts as a responsive post grid or a post slider carousel – in about a minute, without touching code. Pick your categories, choose a layout, and drop it anywhere with the Gutenberg block or a shortcode. Works with posts, pages and any custom post type. ⭐ Get the Pro Version — Multiple sliders and grid, Pro adds Masonry, Overlay and Magazine etc and more → What you can build Post grid – a responsive blog grid with the columns you choose for desktop, laptop, tablet and phone Post slider / carousel – a horizontal thumbnail carousel of your latest posts, with autoplay and pause on hover Related posts – posts from the same category as the post being read, shown under your content Filterable grid – category tabs above the grid so visitors filter without reloading the page Category filter tabs Let readers narrow the grid to the category they care about. Click a tab, the grid updates instantly – no page reload. The tabs are built from the categories your grid is already set to show, so a tab can never come up empty. Turn it on with one checkbox. Related posts, without another plugin Keep readers on your site by showing related posts under each article. Match by category, choose how many to show, and display them as a grid or a slider. The post being read is excluded automatically. Add related="1" to the shortcode, or flip the toggle in the block: [psc_print_post_grid related="1"] Post grid features Responsive grid with independent column counts for desktop, 1024px, 800px and 640px Two layouts: Default and List Category filter tabs with instant AJAX filtering Include or exclude categories, post types, and individual posts Choose what each card shows: excerpt, date, author, comment count, Read More Set your own excerpt length Colour pickers for heading, meta, content and Read More link Sort by date, title, author, name, random or comment count Live preview before you publish Gutenberg block and shortcode Post slider features Responsive thumbnail slider / carousel Autoplay with pause on mouse over Captions and pager, both optional Set thumbnail width and height Custom link support per post Include or exclude categories, post types, and individual posts Sort by date, title, author, name, random or comment count Live preview before you publish Gutenberg block and shortcode Works with your setup Any theme – the grid and slider inherit your fonts Any custom post type, including WooCommerce products Block editor, Classic editor, or a PHP template call Multisite Translation ready WordPress capabilities, so you control which roles can manage sliders and grids Live demos Post grid demo Horizontal post slider demo Vertical post slider demo What you get for free Everything above is in the free plugin. One slider and one grid, both fully working – not a trial, not time limited, no feature nagging inside the settings. That is enough for most sites: a grid on your blog page, filter tabs so readers can narrow it down, and related posts under each article. When you would want Pro Pro exists for people who outgrow one grid. You would know if that is you: You need more than one. Different grids on different pages, each with its own categories, columns and colours. Free saves one configuration; Pro saves as many as you like. You want a layout with more character. Pro adds Masonry, Overlay and Magazine to the Default and List layouts you already have. Your related posts should be smarter. Match on tags or any custom taxonomy instead of categories, sort so the closest matches come first, and insert them under every article automatically without editing a template. You want to know what works. Pro records clicks per grid and per post, so you can see which placement earns attention and which quietly does nothing. No visitor data is stored – just daily counters. Your filter tabs need to do more. Any taxonomy, a dropdown instead of buttons, multi select, post counts, and a preselected term. You want the slider to do more. Vertical sliding, continuous ticker mode, 16 easing effects, AJAX pagination and social sharing buttons. One payment, no subscription. See the Pro version and live demos Get support