/leaflet-elementor

A WordPress plugin that integrates Leaflet as a widget for Elementor.

Primary LanguageJavaScriptGNU Affero General Public License v3.0AGPL-3.0

Leaflet Map Widgets for Elementor

License

Leaflet Elementor is the perfect tool for adding beautiful, interactive maps to your WordPress website without touching a single line of code. This user-friendly plugin seamlessly integrates the powerful Leaflet mapping library with Elementor, the popular page builder.

License

License: GPLv2 (or later) License URI: https://www.gnu.org/licenses/gpl-2.0.html

Features

  • Three Elementor Widgets:
    • Leaflet Map: Easily embed a Leaflet map.
    • Leaflet Marker: Add custom markers to your map.
    • Leaflet Routing: Enable routing functionality.
  • Fullscreen Mode: View the map in fullscreen.
  • Customizable: Tailor the map's appearance to your website.

Installation

  1. Download the latest release or clone this repository.
  2. Upload the ZIP file in your WordPress dashboard under Plugins > Add New.
  3. Activate the plugin.
  4. Find the widgets in the Elementor editor.

Usage

  1. Drag and drop the Leaflet Map widget.
  2. Configure the map settings.
  3. Add markers with the Leaflet Marker widget.
  4. Enable routing (optional) with the Leaflet Routing widget.

Dependencies

This plugin relies on the following libraries:

  • Leaflet
  • Leaflet Routing Machine
  • Fullscreen.js

Support & Contributions

  • Leave a review: Your feedback is appreciated.
  • Report issues: Open an issue on GitHub.
  • Contribute: Submit pull requests with improvements.

Need Help?

I'm actively developing this plugin. Feel free to reach out for assistance or feature requests.

FAQs

What is Leaflet Elementor Widget? Leaflet Elementor is a WordPress plugin that seamlessly integrates the Leaflet mapping library with Elementor, a popular page builder. This allows you to easily create interactive maps and embed them directly into your Elementor-designed pages.

Why should I use Leaflet Elementor Widget?

  • Ease of Use: No coding is required! The intuitive interface makes it simple to add markers, custom icons, popups, and more.
  • Customization: Tailor the map's appearance to match your website's design.
  • Flexibility: Leaflet is a lightweight and powerful library, giving you a wide range of options for map features.
  • Elementor Integration: Works seamlessly within your existing Elementor workflow.

What features does Leaflet Elementor offer?

  • Map Types: Choose from various map providers (OpenStreetMap, Mapbox, etc.).
  • Markers: Add markers with custom icons and informative popups.
  • Layers: Overlay additional information like heatmaps, GeoJSON data, or custom tiles.
  • Controls: Include zoom controls, layer switching, and other interactive elements.
  • Responsive Design: Your maps will look great on any device.

How do I get started with Leaflet Elementor?

  • Install: Download and install the plugin from the WordPress repository or upload it manually.
  • Activate: Activate the plugin in your WordPress dashboard.
  • Create a Map: Use the Leaflet Elementor widget within Elementor to design your map.
  • Customize: Adjust settings, add markers, and style your map to your liking

Is Leaflet Elementor free? Yes, Leaflet Elementor is a free and open-source plugin.

Where can I find support or report issues? You can find support and report issues on the plugin's GitHub page: https://github.com/Joolace/leaflet-elementor

Can I contribute to Leaflet Elementor? Absolutely! Contributions are welcome. Feel free to fork the repository on GitHub and submit pull requests.

Let me know if you'd like any adjustments or additions to these FAQs!

NOTE: This is my first WordPress plugin. I'm still learning PHP and JavaScript and welcome help from the community.

Donate

Donate