Title: WP Web Maps Author: pjhooker Published: 2020 年 8 月 10 日 Last modified: 2020 年 8 月 14 日 --- 搜索插件 ![](https://ps.w.org/wp-web-maps/assets/banner-772x250.png?rev=2355874) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/wp-web-maps/assets/icon.svg?rev=2355874) # WP Web Maps 作者：[pjhooker](https://profiles.wordpress.org/pjhooker/) [下载](https://downloads.wordpress.org/plugin/wp-web-maps.0.2.2.zip) * [详情](https://cn.wordpress.org/plugins/wp-web-maps/#description) * [评价](https://cn.wordpress.org/plugins/wp-web-maps/#reviews) * [安装](https://cn.wordpress.org/plugins/wp-web-maps/#installation) * [开发进展](https://cn.wordpress.org/plugins/wp-web-maps/#developers) [支持](https://wordpress.org/support/plugin/wp-web-maps/) ## 描述 Leaflet Map is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or any later version. Leaflet Map is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Leaflet Map. Add a map generated with [LeafletJS](http://leafletjs.com/): an open-source JavaScript library for mobile-friendly interactive maps. Map tiles are provided by default through [GoogleMaps](https://www.google.com/maps). #### Maps Simply create a **map** with: ``` [webmap] or `[webmap wpwebmapsID="9482"]` ``` #### Developers and curious * [Nightly version of plugin](https://github.com/pjhooker/wp-web-maps) #### Links * [GitHub repositories](https://github.com/pjhooker/wp-web-maps) * [Documentation](https://www.notion.so/cityplanner/WP-Web-Maps-7903b5e4997f4423a0dd288731cca266) * [Video tutorial](https://www.youtube.com/playlist?list=PLc5INoe6kboZPWlcfJ2DCCkLvHI3YvqW5) * [Direct free support](https://t.me/pjhooker) * [History](https://github.com/pjhooker/wp-web-maps/commits/master) * [Test examples](https://codepen.io/collection/DaQGVe) #### More In the sidebar of Admin dashboard you can see a new posts type menu called Web Maps. Here you can add all maps that you want. In this Web Maps post type, there is a custom field, where you can place a custom JS code like these examples [WpWebMaps example code](https://github.com/pjhooker/wp-web-maps/tree/master/example). For insert any Web Maps in your post, you can add shortcode like this `[webmap wpwebmapsID ="9482"]`, where the number 9482 is the id of custom post. ### Do you want a customized plugin? Contact me Here’s a link [Telegram DM](https://t.me/pjhooker). If you want a customized plugin, just contact me. ## 屏幕截图 * [[ * Simple example. * [[ * Settings page. * [[ * Custom post type for code. * [[ * Custom post type example Javascript. * [[ * Custom post type example GeoJSON. * [[ * Put the shortcode into the post. * [[ * Simple example version 0.2.2 * [[ * Mobile ready! ## 安装 1. Choose to add a new plugin, then click upload 2. Upload the wp-web-maps zip 3. Activate the plugin through the ‘Plugins’ menu in WordPress 4. Use the shortcodes in your pages or posts: e.g. `[webmap]` -or. Download and install the .zip file in the WordPress plugin page of your website -or- 1. Unzip and upload the `mobile-blocks` directory into the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Done! ## 常见问题 ### Whoa, what’s with all these plugins? The principle behind this plugin is to insert map in your posts and learn how code works. ### Can I customize the map? The map is almost completely customizable; with the examples I post in [GitHub](https://github.com/pjhooker/wp-web-maps/tree/master/example), it will be easy to understand how the code works and how to quickly change the code. ## 评价 此插件暂无评价。 ## 贡献者及开发者 「WP Web Maps」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ pjhooker ](https://profiles.wordpress.org/pjhooker/) [帮助将「WP Web Maps」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wp-web-maps) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wp-web-maps/)，查看[SVN仓库](https://plugins.svn.wordpress.org/wp-web-maps/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/wp-web-maps/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-web-maps/)。 ## 更新日志 #### 0.2.2 * fix function name; #### 0.2.1 * add JS and CSS vendors with version in file name; * Add CPType and Custom Field; * Insert jQuery if don’t exist; * Add library JS and CSS with version; add base_leaflet JS for codepen;add readme for example; * Add Geojson category; add template for geojson category; * Fix Error :Request header field Content-Type is not allowed by Access-Control- Allow-Headers; * Create example003.js – Simple load Geojson from WP (003); #### 0.2.0 * add CPType Web Maps; * add custom field for insert JS code; * add attributes to shortcode for get custom JS code form single Web Map; * update readme; #### 0.1.4 * initial Version; * basic map creation and marker creation; ## 额外信息 * 版本 **0.2.2** * 最后更新：**6 年前** * 活跃安装数量 **10+** * WordPress 版本 ** 4.6 或更高版本 ** * 已测试的最高版本为 **5.4.19** * PHP 版本 ** 5.6 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/wp-web-maps/) * 标签 * [gis](https://cn.wordpress.org/plugins/tags/gis/)[leafletjs](https://cn.wordpress.org/plugins/tags/leafletjs/) [map](https://cn.wordpress.org/plugins/tags/map/)[mobile](https://cn.wordpress.org/plugins/tags/mobile/) [qgis](https://cn.wordpress.org/plugins/tags/qgis/) * [高级视图](https://cn.wordpress.org/plugins/wp-web-maps/advanced/) ## 评级 尚未提交反馈。 [Your review](https://wordpress.org/support/plugin/wp-web-maps/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/wp-web-maps/reviews/) ## 贡献者 * [ pjhooker ](https://profiles.wordpress.org/pjhooker/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/wp-web-maps/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.paypal.me/pjhooker)