Title: Mappps
Author: latablerouge
Published: <strong>29 Tháng 8, 2024</strong>
Last modified: 29 Tháng 4, 2026

---

Tìm kiếm plugin

![](https://ps.w.org/mappps/assets/banner-772x250.png?rev=3518056)

![](https://ps.w.org/mappps/assets/icon-256x256.gif?rev=3518056)

# Mappps

 Bởi [latablerouge](https://profiles.wordpress.org/latablerouge/)

[Tải về](https://downloads.wordpress.org/plugin/mappps.1.7.7.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/mappps/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/mappps/#reviews)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/mappps/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/mappps/)

## Mô tả

A simple way to add custom maps or store locators to your WordPress posts and pages
with our intuitive plugin. Ideal for contact pages, showcasing business locations,
event venues, and more!
 Mappps includes both a simple map block and an advanced
composable block, with support for custom markers, clustering, geolocation, filters,
and ACF/SCF coordinates out of the box.

### Block Features

 * **Versatile Data Sources**: Choose the data source for your markers, whether 
   from WordPress post types, taxonomies, or categories.
 * **Sidebar Integration**: Optionally display a sidebar with the selected posts
   for additional context.
 * **Search Functionality**: Enable a search bar to help users find specific locations
   quickly.
 * **Advanced Filtering**: Provide filters to refine search results based on different
   criteria.
 * **Customizable Markers**: Personalize marker colors to match your branding.
 * **Multiple Map Tiles**: Select from multiple map tile options to fit your design
   preferences.
 * **Real-Time Preview**: View your map in real time within the block editor, ensuring
   it meets your needs before publishing.
 * **User-Friendly Interface**: Easily customize maps without any coding experience.
 * **Optimized Performance**: Lightweight construction ensures optimal performance
   without burdening your site.
 * **No Database Overhead**: Works without additional database queries or tables,
   maintaining site efficiency.
 * **Zoom Control**: Adjust the zoom level of your map to fit your display requirements.
 * **Localization Support**: Fully supports localization to cater to a global audience.
 * **Full site editing**: You can edit the posts render directly inside the block.
 * **Advanced Custom Fields compatibility**: You can use ACF/SCF fields instead 
   of native custom fields if needed.

### Two Block Options

This plugin includes two distinct blocks to cater to different user needs:

 1. **Simple Block**:
 2.  * Designed for ease of use with minimal customization options.
     * Ideal for users who want a quick and straightforward way to add a map or store
       locator to their site.
 3. **Complex Block**:
 4.  * Offers multiple inner blocks for advanced customization.
     * Allows for detailed personalization, including custom markers, advanced filtering,
       and more.
     * Best suited for users who require a highly tailored map experience.

### References

We leverage several high-quality libraries and third-party service providers to 
render maps in your preferred mapping engine. Below are the details and when they
are used:

 * **[Leaflet](https://leafletjs.com/)**: A leading open-source JavaScript library
   for interactive maps, renowned for its simplicity, performance, and usability.
 * **[Leaflet GeoSearch](https://smeijer.github.io/leaflet-geosearch/)**: An advanced
   geocoding control for Leaflet, enabling seamless address searches and location
   suggestions.
 * **[React Leaflet](https://react-leaflet.js.org/)**: Provides bindings for using
   Leaflet with React, ensuring smooth integration with React-based applications.
 * **[React leaflet markercluster](https://www.npmjs.com/package/@changey/react-leaflet-markercluster)**:
   A powerful plugin for clustering markers on a Leaflet map when using React Leaflet,
   boosting map performance and enhancing user experience with clustered markers.

## Ảnh màn hình

[⌊This is a desktop view of the plugin in front-end⌉⌊This is a desktop view of the
plugin in front-end⌉[

This is a desktop view of the plugin in front-end

[⌊This is a desktop view of the plugin in front-end, with a location searched⌉⌊This
is a desktop view of the plugin in front-end, with a location searched⌉[

This is a desktop view of the plugin in front-end, with a location searched

[⌊This is a desktop view of the plugin in front-end, with a searched location displayed⌉⌊
This is a desktop view of the plugin in front-end, with a searched location displayed⌉[

This is a desktop view of the plugin in front-end, with a searched location displayed

[⌊This is a desktop view of the plugin in front-end, with the filters opened⌉⌊This
is a desktop view of the plugin in front-end, with the filters opened⌉[

This is a desktop view of the plugin in front-end, with the filters opened

[⌊This is a desktop view of the plugin in front-end, with a post selected⌉⌊This 
is a desktop view of the plugin in front-end, with a post selected⌉[

This is a desktop view of the plugin in front-end, with a post selected

[⌊This is a desktop RTL view of the plugin in front-end⌉⌊This is a desktop RTL view
of the plugin in front-end⌉[

This is a desktop RTL view of the plugin in front-end

[⌊This is the loader of the plugin⌉⌊This is the loader of the plugin⌉[

This is the loader of the plugin

[⌊This is a mobile view of the plugin in front-end⌉⌊This is a mobile view of the
plugin in front-end⌉[

This is a mobile view of the plugin in front-end

[⌊This is a mobile view of the plugin in front-end, with the filters opened⌉⌊This
is a mobile view of the plugin in front-end, with the filters opened⌉[

This is a mobile view of the plugin in front-end, with the filters opened

[⌊This is a mobile view of the plugin in front-end, with the posts list opened⌉⌊
This is a mobile view of the plugin in front-end, with the posts list opened⌉[

This is a mobile view of the plugin in front-end, with the posts list opened

[⌊This is a mobile view of the plugin in front-end, with a post selected⌉⌊This is
a mobile view of the plugin in front-end, with a post selected⌉[

This is a mobile view of the plugin in front-end, with a post selected

[⌊This is a mobile view of the plugin in front-end, with the post details popup 
expanded⌉⌊This is a mobile view of the plugin in front-end, with the post details
popup expanded⌉[

This is a mobile view of the plugin in front-end, with the post details popup expanded

[⌊This is a mobile RTL view of the plugin in front-end, with a post selected⌉⌊This
is a mobile RTL view of the plugin in front-end, with a post selected⌉[

This is a mobile RTL view of the plugin in front-end, with a post selected

[⌊This is a view of a post with the lat & lng filled in custom fields⌉⌊This is a
view of a post with the lat & lng filled in custom fields⌉[

This is a view of a post with the lat & lng filled in custom fields

[⌊This is a view of the gutenberg block with all inner blocks⌉⌊This is a view of
the gutenberg block with all inner blocks⌉[

This is a view of the gutenberg block with all inner blocks

## Khối

Plugin này cung cấp 12 khối.

 *   Mappps (blocks) A bloc that display maps
 *   Mappps A bloc that display maps
 *   Sidebar Contains the block elements used to render the sidebar, like the posts,
   search bar, title, and filters.
 *   Map Contains the map.
 *   Markers Customize the map's markers.
 *   Filters Contains the filters.
 *   Loader Contains the global loader.
 *   Post Details Contains the block elements used to render more details from a
   post, like the title, date, featured image, content or excerpt, and more.
 *   Mobile toggles Contains mobile toggles buttons.
 *   Filters toggle The button that'wll open/close the filters.
 *   Post Template Contains the block elements used to render a post, like the title,
   date, featured image, content or excerpt, and more. For better preview performances
   only 2 posts will be displayed here
 *   Search bar Contains search bar.

## Hỏi đáp

### Advanced Custom Field (ACF/SCF) compatibility

In order to make the plugin work with ACF (or SCF), you’ll need to create new fields
for your desired post types. Go to **Field groups** and add a new one: Then add 
a new **Field** with the type **Text** and use **mappps_lat** as field name. Add
another one and name it **mappps_lng**. In the **Settings** below, go to the **Group
Settings** tab and check **Show in REST API**.

### Can I customize the markers on the map?

Yes, you can customize the marker color and size inside the “Block settings” > “
Render settings”.

### What if I have multiple posts with the same location?

The plugin support the clustering for the markers, you can disable it but then the
map will display overlapping markers.

### Can I put multiple “Mappps” blocks in the same page?

Yes.

### Can I put “Mappps” and “Mappps (blocks)” blocks in the same page?

Yes.

### Known bug

Leaflet is not compatible with [Gridjs](https://github.com/grid-js/gridjs) somehow
Gridjs and Leaflet both uses the property “window.L”. Depending on which library
is called first, the other takes priority and the first one don’t work.

## Đánh giá

![](https://secure.gravatar.com/avatar/15fb84635c304663ee27a6654ad79fe11052aaa916919870cf4b4fc63f886db3?
s=60&d=retro&r=g)

### 󠀁[The only store locator you need](https://wordpress.org/support/topic/the-onyl-store-locator-you-need/)󠁿

 [Quentin Le Duff (–Q–)](https://profiles.wordpress.org/quentinldd/) 9 Tháng 10,
2025

The plugin is extremely well integrated with Gutenberg. I recommend it 100%. Keep
doing the good job !

 [ Đọc tất cả 1 đánh giá ](https://wordpress.org/support/plugin/mappps/reviews/)

## Người đóng góp & Lập trình viên

“Mappps” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

 *   [ latablerouge ](https://profiles.wordpress.org/latablerouge/)
 *   [ bobbymcbobbyface ](https://profiles.wordpress.org/bobbymcbobbyface/)

“Mappps” đã được dịch qua 1 ngôn ngữ. Cảm ơn [những người tham gia dịch](https://translate.wordpress.org/projects/wp-plugins/mappps/contributors)
vì đóng góp của họ.

[Dịch “Mappps” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/mappps)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/mappps/), check out [SVN repository](https://plugins.svn.wordpress.org/mappps/),
hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/mappps/)
qua [RSS](https://plugins.trac.wordpress.org/log/mappps/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

#### 1.7.7

 * Released: April 29, 2026
 * Added missing wizard translation strings.
 * Updated plugin documentation.

#### 1.7.6

 * Released: April 29, 2026
 * Improved map stability by preventing gesture-handling runtime crashes when Leaflet
   globals are overridden by third-party scripts.
 * Adding wizard information about multilingual websites

#### 1.7.3

 * Released: March 19, 2026
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.7.3
 * enhancing perf on query for the mappps block
 * removing react calls
 * cleaning console logs

#### 1.7.1

 * Released: March 19, 2026
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.7.1
 * Fixing translations

#### 1.7.0

 * Released: March 19, 2026
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.7.0
 * Added compatibility with posts using `mappps_marker` meta fields (including ACF/
   SCF) while keeping legacy `lat` and `lng` fields working
 * Added handling for marker picture/media fields
 * Improved settings page translation and version handling
 * Fixed `mappps-blocks` global state handling
 * Fixed SCSS deprecation issues and cleaned up styles
 * Raised the minimum PHP version to 8.0

#### 1.6.0

 * Released: December 16, 2025
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.6.0
 * Refreshed settings page with header/footer navigation and compact layout
 * Added compatibility with posts using `mappps_lat` / `mappps_lng` meta fields (
   including ACF/SCF) across blocks and post details the old “lat” and “lng” will
   still be working
 * Added a media selector for the new “mappps_marker” custom field, you can now 
   have a specific marker per post
 * Added a toggle for the “View itinerary” and “Open in new tab” for the “Mappps(
   blocks)” block
 * Fixed the link click in the “Mappps (blocks)” post-template block
 * Fixed ACF field use for the “Mappps (blocks)” block

#### 1.5.2

 * Released: November 28, 2025
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.5.2
 * Compatibility check for WP 6.9 release

#### 1.5.1

 * Released: November 11, 2025
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.5.1
 * Fixing the scope of plugin links

#### 1.5.0

 * Released: October 09, 2025
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.5.0
 * Adding icons selector for markers on ‘mappps-block’
 * Better posts selection on ‘mappps-block’

#### 1.4.0

 * Released: March 22, 2025
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.4.0
 * Adding icons for blocks
 * Adding a “Marker” block component
 * Adding zoom to marker toggle
 * Adding a marker shadow toggle
 * Code improvement to match global standard

#### 1.3.0

 * Released: January 23, 2025
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.3.0
 * Fixing marker clustering in Gutenberg
 * Fixing having multiple maps in the same page
 * Fixing tileLayer change in gutenberg editor

#### 1.2.1

 * Released: January 13, 2025
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.2.1
 * Cleaning up the codebase
 * Preventing interaction with the map in the block editor

#### 1.2.0

 * Released: December 5, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.2.0
 * Adding ACF/SCF compatibility.

#### 1.1.2

 * Released: November 13, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.1.2
 * Removing @changey/react-leaflet-markercluster dependency and other useless dependencies
 * CSS compatibility following the deprecation of the @import rule in Dart Sass
 * Better icon handling

#### 1.1.1

 * Released: September 13, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.1.1
 * Adding icons

#### 1.1.0

 * Released: August 30, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.1.0

#### 1.0.0

 * Released: August 28, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/1.0.0-beta
 * Adding new blocks

#### 0.0.10

 * Released: August 30, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/0.0.10
 * fix loader height

#### 0.0.9

 * Released: August 27, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/0.0.9
 * RTL styles fix

#### 0.0.8

 * Released: August 27, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/0.0.8
 * Guidelines review

#### 0.0.7

 * Released: August 26, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/0.0.7
 * Name change

#### 0.0.6

 * Released: July 29, 2024
 * https://github.com/LaTableRouge/Mappps/releases/tag/0.0.6

## Meta

 *  Phiên bản **1.7.7**
 *  Cập nhật lần cuối **2 tháng trước**
 *  Số lượt cài đặt **Ít hơn 10**
 *  Phiên bản WordPress ** 6.2 hoặc cao hơn **
 *  Đã kiểm tra lên đến **7.0**
 *  Phiên bản PHP ** 8.0 hoặc cao hơn **
 *  Ngôn ngữ
 * [Dutch](https://nl.wordpress.org/plugins/mappps/) và [English (US)](https://wordpress.org/plugins/mappps/).
 *  [Dịch sang ngôn ngữ của bạn](https://translate.wordpress.org/projects/wp-plugins/mappps)
 *  [Nâng cao](https://vi.wordpress.org/plugins/mappps/advanced/)

## Đánh giá

 5 trên 5 sao.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/mappps/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/mappps/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/mappps/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/mappps/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/mappps/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/mappps/reviews/#new-post)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/mappps/reviews/)

## Những người đóng góp

 *   [ latablerouge ](https://profiles.wordpress.org/latablerouge/)
 *   [ bobbymcbobbyface ](https://profiles.wordpress.org/bobbymcbobbyface/)

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/mappps/)

## Ủng hộ

Bạn có muốn hỗ trợ vào sự phát triển của plugin này?

 [ Ủng hộ plugin này ](https://github.com/LaTableRouge/Mappps)