[WordPress] 外掛分享： OSM Map Widget for Elementor

內容簡介

這個免費的 Elementor 地圖小工具利用了 Open Street Map。它具備多個標記、選擇自訂圖塊庫以改變外觀和感覺等功能。需要 Elementor 頁面建構器 外掛程式版本：3.2+

這個外掛程式是開源的，所以請隨意貢獻它：
1. 在這裡增加主題/問題
2. 提交含有實作所需功能的任何精心撰寫的程式碼的拉取請求。

使用方法

確保 Elementor 外掛程式已安裝
將選用的 API 金鑰添加到設置頁面：

Google 地圖 API 金鑰（用於在地圖中自動完成和更新標記的座標。需要獲得 Google 地圖 API 金鑰的幫助？閱讀此資源）
Mapbox 訪問權杖（用於自訂圖塊。需要獲得 Mapbox 訪問權杖的幫助？閱讀此資源）
Geoapify API 金鑰（用於自訂圖塊。需要獲得 Geoapify API 金鑰的幫助？閱讀此資源）

將 OSM 地圖小工具添加到您的 elementor 頁面，並開始使用：

從元素列表中查找 OSM 地圖小工具，並將其添加到您的 elementor 頁面上
添加多個標記，更改縮放級別以及適當設計它們
編輯標記：標記的設置包含標題、位置、座標、描述、按鈕文字和按鈕 URL 字段。其中僅需要座標字段才能在地圖上呈現標記。如果您已添加 Google Maps API 金鑰，則可以自動填充座標字段，而不需要手動填寫。
從樣式部分更改圖塊需要Mapbox 訪問權杖 和 Geoapify API 金鑰

外掛標籤

開發者團隊

原文外掛簡介

A free Elementor Map Widget that utilizes Open Street Map. Comes with features like adding multiple markers, and choosing from a library of custom tiles to change the look and feel. Requires Elementor Page Builder Plugin Version: 3.5+
This plugin is open sourced so feel free to contribute to it by:
1. Adding a topic/issue here
2. Submitting a pull request with any well-written code that implements the desired feature.
Usage

Make sure that Elementor plugin is installed
Add optional API Keys to the settings page:

Google Maps API Key (Used to autocomplete and update the coordinates of markers in a map. Need help to get a Google map API key? Read this resource)
Mapbox Access Token (Used for custom tiles. Need help to get a Mapbox Access Token? Read this resource)
Geoapify API Key (Used for custom tiles. Need help to get a Geoapify API key? Read this resource)

Add OSM Map widget to your elementor page and have fun 🙂

Find OSM Map widget from elements listing and add it to your elementor page
Add multiple markers, change Zoom level style them accordingly
Editing the markers: A marker’s settings contains Title, Location, Coordinates, Description, Button Text, and Button URL fields. Of those fields, only the Coordinates field is required to render a marker on the map. If you have a Google Maps API key added, you’ll be able to automatically populate the coordinates field without manually doing so.
Change Tiles from style section requires Mapbox Access Token and Geoapify API Key

延伸相關外掛

WP Open Street MapWP Open Street Map 外掛讓使用者能輕鬆地在網站上創建 OpenS...Custom Post Type to Map Store此外掛允許你： 從樣本文章中的座標產生GEOJson資訊流。 透...Map Posts FreeMap Posts 可讓您添加位置作為文章的元數據，在編輯器中直接...bbPress Topic Location這個外掛可供 bbPress 使用，可以將主題地理位置設定，並且使...WP to GrawlerWP to Grawler 是一個一鍵式的外掛，可使用 Grawler API 將您...COSM這個外掛允許你在網誌上使用 Cloudmade Open Street Map 服務。