內容簡介
CBX Map是一個WordPress外掛，可幫助顯示Google地圖和OpenStreetMap。它可以透過簡碼簡單使用，而地圖會響應式載入。使用此外掛，您可以輕鬆建立地圖、找到地址，並透過輕鬆的滑鼠點擊進行配置。
CBX地圖，Google地圖和OpenStreetMap by Codeboxr
📺 現場示範 | 🌟升級為PRO版 | 📋 文件 | 👨💻 免費支援 | 🤴 專業支援 | 📱 聯絡我們
🛄 核心外掛特色
可顯示Google地圖或OpenStreetMap（無需API金鑰）
用於地圖的自訂文章類型
使用簡碼簡單操作
使用相同的簡碼 [cbxgooglemap] 當未定義自訂文章類型時仍可使用
隨著瀏覽器寬度和調整而響應式顯示
資訊視窗
全局默認設置
用於自訂文章類型的元字段
易於在自訂文章類型編輯中找到合適的標記位置
輕鬆透過滑鼠點擊複製簡碼
▶️ 觀看影片
🀄 小工具
傳統小工具(從v1.1.7)
Elementor頁面構建器元素/小工具支援
Gutenberg支援(從v1.1.2)
WPBackery(VC)支援(從v1.1.6)
🧮 簡碼
最簡短的簡碼形式是 [cbxgooglemap id=" google map post id here"]，其中 id 是自訂Google地圖文章的文章ID。
我們可以使用簡碼來顯示已保存的地圖（此外掛會在後端建立自訂文章類型CBX Maps (cbxgooglemap) 以按需要創建地圖），或者可以使用自定義屬性來顯示地圖。對於保存地圖，我們只需要一個參數： [cbxgooglemap id="google map post id here"]
id = 文章ID，可以為空
--------------------------------
我們也可以使用自訂屬性來顯示地圖
地圖類型 = 'roadmap'，可接受值包括 'roadmap'、'satellite'、'hybrid'、'terrain'
寬度 = 數字，接受'％'，不要加入'px'，如果僅為數字，則會自動添加px
高度 = 數字，不要加入'px'
縮放 = 默認值 8
緯度 = 必填項目
經度 = 必填項目
標題 = 用於資訊視窗標題
網站 = 與彈出視窗中的地名相關聯的網站URL，留空則忽略
地址 = 用於資訊視窗內容
滾輪 = 1開啟、0關閉，默認值為1，或由默認配置
顯示資訊 = 1啟用、0停用，默認為1或由默認配置。顯示彈出視窗與否
infow_開啟 = 1啟用、0停用，默認為1或由默認配置。彈出視窗打開或點擊
地圖圖示 = 地圖圖示URL，留空則忽略
讓我們知道您期望的新功能。
💎 CBX地圖 Google 地圖和 OpenStreetMap PRO 特色
👉 獲得 pro 附加元件
距離搜索簡碼、地圖和列表顯示
在單個地圖中從地圖文章類型顯示多個標記
使地圖成為公開或否，以便單個地圖可像網站頁面一樣瀏覽
使用多個地圖的影響力圖示
外掛標籤
開發者團隊
② 後台搜尋「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
