Mapfy - Leaflet Map Locations For Gutenberg Block

Mapfy - Leaflet Map Locations For Gutenberg Block

Recently Updated

A website’s map enhances user engagement by providing visual context, aiding navigation, and showcasing locations, vital for businesses, travel blogs, or any site aiming to convey geographical information effectively.

Mapfy is a very simple and easy-to-use Map plugin that doesn’t need any extra configuration or API. Just install, active, and start adding your locations.

Mapfy Features

  • Location search: Mapfy allows users to easily search for locations, making pinpointing specific areas on the map convenient.
  • Multiple location markers: Add as many location markers as needed, providing a comprehensive overview of multiple points of interest.
  • Latitude and longitude: You can input precise latitude and longitude coordinates to mark exact locations on the map.
  • Map height: Adjust the map height to suit your landing page layout, ensuring seamless integration with your site’s design.
  • Disable zoom scroll: Toggle the option to disable zooming via scroll, providing a controlled user experience.
  • Zoom Value: Customize the zoom level to focus on specific details or provide a broader map view.
  • Map marker tooltip width: Allows you to set the width of the tooltip that appears when you click over a map marker.
  • Tooltip content: Add informative content to tooltips, enhancing user interaction and understanding.
  • Tooltip image: Include images in map marker tooltips to visually enrich the displayed information.
  • 8 map styles: Choose from seven pre-designed map styles to match your website’s aesthetic and theme.
  • Fullscreen map: We’ve developed a fullscreen mode feature for a more immersive map-viewing experience.

How to use it?

  1. Navigate to Block Editor and click on the plus (+) button 
  2. Now search with the “Mapfy” keyword 
  3. Search for your Location / Add Latitude and Longitude
  4. Define the Map Height
  5. Enable or Disable Zoom Scroll and input Zoom Value
  6. Expand the Tooltip option and input the tooltip width
  7. Now input the tooltip content and image 

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey