內容簡介
查看演示 »
試用編輯器 »
閱讀文件 »
在GitHub上查看 »
特點:
易於使用、可定制性強且開發人員友好。
使用編輯器來創建包含覆蓋層（標記、線條和形狀）的地圖。
每個覆蓋層都可以設置標題、圖像和描述，單擊覆蓋層時會顯示這些信息。
使用類型設置樣式和選項，然後在添加覆蓋層時只需簡單地選擇相應的類型。
使用Waymark短碼將地圖添加到您的內容中，或連結到地圖詳細頁面。
OpenStreetMap是默認基本地圖，支持多種基本地圖。
上傳包含位置數據（EXIF）的圖像將在拍攝照片的地方放置標記。
支持GPX、KML和GeoJSON格式的導入，您可以將地圖以相同的格式導出並讓您的訪問者也這樣做。
可以顯示帶有海拔數據的軌跡的交互式概要圖表。
使用集合將地圖分組在一起並同時顯示多個地圖。
使用元數據為地圖添加額外的信息；這些是可定制的表單輸入，您可以向地圖添加額外數據。
提交允許註冊用戶或訪客在站點前端創建地圖。您可以控制誰可以提交地圖，可用的編輯器功能以及在發布之前是否應批准提交。
對於開發人員：地圖使用自定義文章類型waymark_map存儲，Meta作為自定義字段存儲，集合使用waymark_collection分類法。大多數元素都可以使用CSS樣式化，並具有明確命名的waymark-類。
Waymark是免費的，沒有要解鎖的功能。我試圖保持插件的良好支援，因此請隨時通過聯繫來提出問題或反饋。
外掛標籤
開發者團隊
原文外掛簡介
Waymark Pro offers advanced features. See the Demo and take the Waymark Survey!.
Creating Maps
Use the intuitive Editor to create Maps with one, or thousands of interactive Overlays.
Overlays – Create Markers, Lines and Shapes with a:
Title
Image (Media Library or link to external image)
Description (Rich text editor, HTML supported)
Type (defined in Settings)
Import
GPX
KML
GeoJSON
EXIF (Image location metadata)
Elevation data (adds an interactive profile chart for Lines with elevation data)
Meta – Add extra information to your Maps; these are customisable form inputs that allow you to add additional content to your Maps.
Types – Set options to visually distinguish between Overlays (colours/icons etc.), then select it when using the Editor.
Collections – Group Maps together and display multiple Maps at once. Create complex Collection hierarchies to suit your needs and associate Maps with multiple Collections.
Submissions – Allow registered users, or guests to create Maps from the front-end of your site. You can control who can Submit Maps, what editor features are available and whether submissions should be approved before they are published.
💲 Support
🗺 Demo
🛠️ Try
📼 Watch
📖 Docs
🌟 GitHub
❤️ WordPress
☕️ Waymark JS
Displaying Maps
Embed your Maps using the [Waymark] Shortcode, or link to the Map Details page.
Shortcodes
Display a single Map, or a Collection of Maps anywhere that Shortcodes are supported.
An optional Shortcode Header displays the Map/Collection title, a link to the Map Details page and any Meta.
Display a Marker defined through the Shortcode.
Display a Basemap only, without any Overlays by providing centre and zoom parameters.
Basemaps – Uses OpenStreetMap by default, with support for multiple raster tiled/”slippy” Basemaps. You can switch Basemaps using the Overlay Filter.
Overlay Filter – Allow the user to filter which Overlays are currently visible on the Map.
Export
(Optionally) Let anyone Export Maps into GPX, KML and GeoJSON formats through the Shortcode Header or on the Map Details page.
Works on mobile devices.
Customising
Built to be flexible, Waymark has lots of Settings and Types provide one place to control how Overlays (Markers/Lines/Shapes) are displayed.
Marker Icons can be provided as:
– Font Icons (Ionic Icons v2/Font Awesome v4)
– Simple Text, or Emojis (i.e. 🏕️, 🚩, 📸).
– Custom HTML (good ol’ 
, or a more complex structure). So you can pretty much create any kind of Icon you want.
For developers:
Most elements can be styled using CSS and have sensibly named waymark- classes.
WordPress integration:
Maps are stored using the custom post type waymark_map.
Collections use the waymark_collection Taxonomy.
Embed Maps using the [Waymark] Shortcode anywhere they are supported, or dynamically using the do_shortcode(["Waymark"]) function.
Geographical data is stored in GeoJSON format. Types are specified using the type Property, i.e. {feature: { geometry: { type: 'Point', coordinates: [0, 0] } }, properties: { type: 'Alert', title: 'Bridge Removed!' }.
Specify which GeoJSON feature properties to store when importing (Settings > Overlays > Properties). These can be automatically appended to the Overlay Description, or accessed programatically via the layer.feature.properties Object.
Maps are displayed using the Leaflet JavaScript library, which is bundled with Waymark and can be extended using the waymark_loaded_callback callback function.
Be sure to check out Map First, a minimal WordPress theme with an obsession for Maps (it’s open-source too and contains lots of comments about customisations).
Waymark is free, open-source (GPL v2) and a labour of Love. I try to keep the plugin well supported, so please feel free to reach out with any issues, questions or feedback.
Development
[!NOTE]
To develop locally you will need to have both Node.js and NPM installed.
Grunt is used to run the build script, which compiles the JavaScript and CSS and performs some other tasks.
# Clone the repository (and the Waymark JS submodule)
git clone --recurse-submodules https://github.com/opengis/waymark.git
# Navigate to the Waymark directory
cd waymark
# Install the dependencies (or pnpm/yarn install)
npm install
# Run the build script
grunt
The build script will watch for changes to the JavaScript and CSS files.
Pull requests are welcome!
[!IMPORTANT]
Waymark JS is responsible for the Viewer and Editor and is included as a Git submodule (/waymark-js directory). View on GitHub.
Waymark Pro offers advanced features. See the Demo and take the Waymark Survey!.
