gsarig / ootb-openstreetmap Goto Github PK

A map block for WordPress' Gutenberg Editor which uses OpenStreetMap and Leaflet.js. It needs no API keys and works out of the box. Benefiting from Gutenberg’s potential, the plugin tries a different take on how to add your locations on the map and rethinks a few things, UX-wise. Install it from https://wordpress.org/plugins/ootb-openstreetmap/

JavaScript 61.14% PHP 33.78% CSS 5.08%

gutenberg leafletjs markers multiple-markers openstreetmap wordpress

ootb-openstreetmap's Introduction

Hi, I'm Giorgos. I hold a Masters degree in Cultural Policy, Management and Communication and a Bachelors degree in Communication, Media and Culture, both from Panteion University of Athens, Greece.

After working for a while as a journalist, I became a consultant specialized in Information Architecture of websites, portals and web applications. Over the last few years I turned almost exclusively to programming (self-taught, don't ask how, I'm not sure I have a short answer to that), and I mostly develop websites, themes and plugins for WordPress.

Tools

Assets to enqueues Converter
A simple generator which allows you to batch convert JavaScript and CSS assets to proper WordPress enqueues.

Deployment checklist for WordPress sites
A detailed checklist that will help you remember all the various tasks that need to be done before going live.

Posts

👉 Read More 👈

Github Stats

Find me

ootb-openstreetmap's People

Contributors

Stargazers

Watchers

Forkers

1thorarinn skorasaurus videomat-org

ootb-openstreetmap's Issues

Add support for circles

Add support for the CircleMarker element (example)

Fix for CloudFlare Rocket Loader

Currently, the plugin does not work with the Rocket Loader from CloudFlare.
As far as this is active, the plugin is no longer loaded on the page.

As long as the page is not yet published and only a logged in person with sufficient rights is editing the page, the map will load without any problems.
At this point CloudFlare does not intervene yet.

Maybe this info page will help:
CloudFlare - Ignore JavaScripts in Rocket Loader

Saving geo data the WordPress way

Hello!

I'm excited to use your plugin from the very first beginning. I really, really like your approach of staying close to WordPress core and your leverage of what's already there, instead of reinventing the wheel.

Now for a new use-case I have to work with a rigid data-architecture, which incorporates the WordPress Geodata Standard. I would love to allow the users of the system, to enter the relevant geo data using your block, but - you know already - your saving the geo data within the block itself.

The codex says:

WordPress does not include any geographic functionality or functions to deal with Geodata itself [...].
But there is a standard for how to store geodata, so that plugins can interoperate.

Maybe because this is a very old standard within the WordPress world, there are some nice plugins following it, using geodata in a standardized way and helping devs like me combining such tools in new, creative ways.

Can you think of a way to store the relevant bits of the Geodata Standard into post_meta instead?

This would be amazing and will increase the interoperability of your plugin btw. You even found a very nice way to query multiple posts on a map, but this would unfortunately not for work for me out of the block.

Front end click on locator not working on Safari

Excellent plugin!! I love this! I am finding one weird issue when I happened to be in Safari -- if you place a pin on the map, and click on it on the front end the pop-up does not appear. It seems to be working fine on Firefox and Chrome. Can you reproduce this?

Miniature map support

Example: https://react-leaflet.js.org/docs/example-react-control/

Stamen map styles

Example: https://videomat.org/index.php/kontakt/

Dynamic map marker contents

Is there a way of having the marker popup content in a dynamic map, be filled by the corresponding post title, excerpt and permalink?

Adding map style

Great plugin so far!

It would be great to be able to add map style to a block. Maybe by adding a Mapbox style url? In our case it would even be preferable to add this by a filter in functions.php. So all maps would have the same style.

Support for separate icon per marker

Allow overriding the global marker icon on specific locations.

Import / Export locations

Adds option to export locations to a JSON file
Adds option to import locations from a previously exported JSON file

Scheduled to be deployed with v. 2.2.0: #14

Poly line

I saw your roadmap on the blog post about this project (https://www.gsarigiannidis.gr/wordpress-gutenberg-map-block-openstreetmap/)

Another possible future feature (because of a specific need for a project I'm working on :) would be the ability to draw a route (polyline) on a map, as opposed to just pins.

I was thinking of actually playing around with this to see what I can do. If you are interested in having another person contribute to this and maybe someday leave you a pull request, would you share your package.json/package-lock.json just to speed up tooling.

This is a fantastic project. You are doing this right. Thank you!

Complianz with Out of the Block: OpenStreetMap

Hi,

I recently open an issue on Complianz repo.
We detected an error in ootb-openstreetmap when OpenStreetMap is blocked by Complianz.

Is it possible to support Complianz on your side as recommended by Complianz developers ?

WordPress: 5.9.7
Complianz Privacy Suite (GDPR/CCPA) premium multisite: 6.4.3
Out of the Block: OpenStreetMap: 2.4.0

Best regards