Mappps Mappps

Mappps

Created by: LaTableRouge

Rating:
Downloaded: 116 times

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!

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.

Two Block Options

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

  1. Simple Block:

    • 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.
  2. Complex Block:

    • 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: A leading open-source JavaScript library for interactive maps, renowned for its simplicity, performance, and usability.
  • Leaflet GeoSearch: An advanced geocoding control for Leaflet, enabling seamless address searches and location suggestions.
  • React Leaflet: Provides bindings for using Leaflet with React, ensuring smooth integration with React-based applications.
  • 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.

Screenshots

  • 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 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 a post selected
  • This is a desktop RTL view of the plugin in front-end
  • This 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, 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 a post selected
  • 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 view of a post with the lat & lng filled in custom fields
  • This is a view of the gutenberg block with all inner blocks

Categories

Get New Themes & Resources