Title: WP Web Maps
Author: pjhooker
Published: <strong>2020-يىلى 10-ئاۋغۇست</strong>
Last modified: 2020-يىلى 14-ئاۋغۇست

---

قىستۇرما ئىزدە

![](https://ps.w.org/wp-web-maps/assets/banner-772x250-rtl.png?rev=2355874)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of 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://ug.wordpress.org/plugins/wp-web-maps/#description)
 * [باھالاشلار](https://ug.wordpress.org/plugins/wp-web-maps/#reviews)
 *  [ئورنىتىش](https://ug.wordpress.org/plugins/wp-web-maps/#installation)
 * [ئىجادىيەت](https://ug.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.⌉⌊Simple example.⌉[

Simple example.

[⌊Settings page.⌉⌊Settings page.⌉[

Settings page.

[⌊Custom post type for code.⌉⌊Custom post type for code.⌉[

Custom post type for code.

[⌊Custom post type example Javascript.⌉⌊Custom post type example Javascript.⌉[

Custom post type example Javascript.

[⌊Custom post type example GeoJSON.⌉⌊Custom post type example GeoJSON.⌉[

Custom post type example GeoJSON.

[⌊Put the shortcode into the post.⌉⌊Put the shortcode into the post.⌉[

Put the shortcode into the post.

[⌊Simple example version 0.2.2⌉⌊Simple example version 0.2.2⌉[

Simple example version 0.2.2

[⌊Mobile ready!⌉⌊Mobile ready!⌉[

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!

## FAQ

### 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;

## Meta

 *  Version **0.2.2**
 *  ئاخىرقى يېڭىلانغان ۋاقىت **6 يىل بۇرۇن**
 *  ئاكتىپ ئورنىتىش سانى **10+**
 *  WordPress نەشرى ** 4.6 ياكى يۇقىرى **
 *  **5.4.23** دا سىنالغان
 *  PHP نەشرى ** 5.6 ياكى يۇقىرى **
 *  تىل
 * [English (US)](https://wordpress.org/plugins/wp-web-maps/)
 * بەلگە
 * [gis](https://ug.wordpress.org/plugins/tags/gis/)[leafletjs](https://ug.wordpress.org/plugins/tags/leafletjs/)
   [map](https://ug.wordpress.org/plugins/tags/map/)[mobile](https://ug.wordpress.org/plugins/tags/mobile/)
   [qgis](https://ug.wordpress.org/plugins/tags/qgis/)
 *  [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/wp-web-maps/advanced/)

## دەرىجە

No reviews have been submitted yet.

[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)