Title: OSM Map Widget for Elementor Author: garbowza Published: 2020 年 9 月 8 日 Last modified: 2025 年 9 月 5 日 --- 搜索插件 ![](https://ps.w.org/osm-map-elementor/assets/icon-256x256.jpg?rev=2377631) # OSM Map Widget for Elementor 作者：[garbowza](https://profiles.wordpress.org/garbowza/) [下载](https://downloads.wordpress.org/plugin/osm-map-elementor.1.3.1.zip) * [详情](https://cn.wordpress.org/plugins/osm-map-elementor/#description) * [评价](https://cn.wordpress.org/plugins/osm-map-elementor/#reviews) * [开发进展](https://cn.wordpress.org/plugins/osm-map-elementor/#developers) [支持](https://wordpress.org/support/plugin/osm-map-elementor/) ## 描述 A free Elementor Map Widget that utilizes [Open Street Map](https://www.openstreetmap.org/about). 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](https://wordpress.org/plugins/elementor/) Plugin Version: 3.5+ This plugin is [open sourced](https://github.com/flopperj/osm-map-elementor) so feel free to contribute to it by: 1. Adding a topic/issue [here](https://github.com/flopperj/osm-map-elementor/issues) 2. Submitting a pull request with any well-written code that implements the desired feature. ### Usage 1. Make sure that **Elementor** plugin is installed 2. Add optional API Keys to the settings page: 3. * **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](https://developers.google.com/maps/documentation/javascript/get-api-key))_ * **Mapbox Access Token** _(Used for custom tiles. Need help to get a Mapbox Access Token? [Read this resource](https://docs.mapbox.com/help/how-mapbox-works/access-tokens/))_ * **Geoapify API Key** _(Used for custom tiles. Need help to get a Geoapify API key? [Read this resource](https://www.geoapify.com/maps-api/))_ 4. Add OSM Map widget to your elementor page and have fun 🙂 5. * 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](https://docs.mapbox.com/help/how-mapbox-works/access-tokens/)** and **[Geoapify API Key](https://www.geoapify.com/maps-api/)**_ ## 屏幕截图 * [[ * Update optional API keys * [[ * Add widget to your elementor page * [[ * Add multiple markers & style them accordingly * [[ * Edit the marker’s coordinates to render them in the map * [[ * Choose from 14 different custom tiles * [[ * NEW: Add custom marker icons. Available Icon types: Default, Font Awesome and Custom Image. ## 评价 ![](https://secure.gravatar.com/avatar/ec580697d5ab1b0dbcec289d3b8577e2f8748a72de9a0d2ff069b024a9db77ff? s=60&d=retro&r=g) ### 󠀁[Works well](https://wordpress.org/support/topic/works-well-2899/)󠁿 [pawel1971](https://profiles.wordpress.org/pawel1971/) 2024 年 2 月 18 日 Simple and work with elementor 🙂 ![](https://secure.gravatar.com/avatar/0339d136d0011abb73995a66ebfe5102460e89d2612d80462913a82daf43fcff? s=60&d=retro&r=g) ### 󠀁[Fantastico!](https://wordpress.org/support/topic/fantastico-307/)󠁿 [davidefiorio](https://profiles.wordpress.org/davidefiorio/) 2022 年 10 月 12 日 Semplicemente fantastico. Facile da utilizzare! Propro ciò che amncava a Elementor Pro. Grazie per il vostro lavoro. ![](https://secure.gravatar.com/avatar/c396d09f39a22c8c1aef81406da791662fd21b5f9ce1d8e833b94a8f2d2b4a03? s=60&d=retro&r=g) ### 󠀁[Needs Google API Key?](https://wordpress.org/support/topic/needs-google-api-key/)󠁿 [pb52](https://profiles.wordpress.org/paulbarrett1952/) 2021 年 9 月 28 日 1 回复 The point of using OpenStreetMap is to NOT be dependent on Google. So why do a I need a Google API key? If I have to use a Google API I might as well use Google Maps. ![](https://secure.gravatar.com/avatar/da5b41555c2050b9a95118868519ef96e17dd5f0400fe2e0453150e604ae9877? s=60&d=retro&r=g) ### 󠀁[Nice map with a lot of features](https://wordpress.org/support/topic/nice-map-with-a-lot-of-features/)󠁿 [lesbelleshistoires](https://profiles.wordpress.org/lesbelleshistoires/) 2021 年 6 月 6 日 Much nicer than a G.map and with many features that made the plugin fit all my needs. Hoping it will become more popular. ![](https://secure.gravatar.com/avatar/8a273749eb9f0fe4aaed19e400356ab4892ef1bf430d54276bcc5a2ee6e32cec? s=60&d=retro&r=g) ### 󠀁[Does the job, with heart !](https://wordpress.org/support/topic/does-the-job-with-heart/)󠁿 [sriviere](https://profiles.wordpress.org/sriviere/) 2021 年 5 月 26 日 Does the job, with heart ! Even a multipoints plugin ! Create an OSM account, create your POIs (Companies, Services, etc.), then read their coordinates, fill them in the plugin “et voilà” 🙂 Many thanks to ACT Innovate 🙂 ![](https://secure.gravatar.com/avatar/8f77b45ce3ab13e14090444b538e8fc2ebd5f902947b5870d3d4bb6a8a0bfd95? s=60&d=retro&r=g) ### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-29787/)󠁿 [voneff](https://profiles.wordpress.org/voneff/) 2021 年 2 月 16 日 Super easy to set up, works right out of the box just as expected! Thank you very much for you work on this! [ 阅读所有8条评价 ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/) ## 贡献者及开发者 「OSM Map Widget for Elementor」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ garbowza ](https://profiles.wordpress.org/garbowza/) * [ James Arama ](https://profiles.wordpress.org/intelchip/) * [ Quoter – Niklas ](https://profiles.wordpress.org/youngmedianetwork/) 「OSM Map Widget for Elementor」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor/contributors) 为本插件所做的贡献。 [帮助将「OSM Map Widget for Elementor」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/osm-map-elementor/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/osm-map-elementor/)，或通过[RSS](https://plugins.trac.wordpress.org/log/osm-map-elementor/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/osm-map-elementor/)。 ## 更新日志 Thank you for using OSM Map Widget for Elementor. To make your experience using the widget better we release updates regularly, you can view the full changelog [here](https://github.com/flopperj/osm-map-elementor/wiki/Changelog) ## 额外信息 * 版本 **1.3.1** * 最后更新：**9 月前** * 活跃安装数量 **9,000+** * WordPress 版本 ** 6.0 或更高版本 ** * 已测试的最高版本为 **6.8.5** * PHP 版本 ** 7.3 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/osm-map-elementor/) 和 [French (France)](https://fr.wordpress.org/plugins/osm-map-elementor/). * [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor) * 标签 * [addons](https://cn.wordpress.org/plugins/tags/addons/)[elementor](https://cn.wordpress.org/plugins/tags/elementor/) [elementor widget](https://cn.wordpress.org/plugins/tags/elementor-widget/)[map widget](https://cn.wordpress.org/plugins/tags/map-widget/) [open street map](https://cn.wordpress.org/plugins/tags/open-street-map/) * [高级视图](https://cn.wordpress.org/plugins/osm-map-elementor/advanced/) ## 评级 4.5 星（最高 5 星）。 * [ 7 条 5 星评价 ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=2) * [ 1 条 1 星评价 ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/osm-map-elementor/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/osm-map-elementor/reviews/) ## 贡献者 * [ garbowza ](https://profiles.wordpress.org/garbowza/) * [ James Arama ](https://profiles.wordpress.org/intelchip/) * [ Quoter – Niklas ](https://profiles.wordpress.org/youngmedianetwork/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/osm-map-elementor/)