So recently I put together a rather comprehensive plugin which gives all the functionality for a company here in London (UK) called What3Words. For those of you don’t know, they came up with the idea a few years back to split the entire globe into a 3x3 meter square grid which consists of somewhere in the region of 57 trillion squares where each square has a unique set of 3 words applied to it, making it outstandingly accurate if you know the 3 word address for the location you’re at.
The “paid for” version of this plugin includes almost everything they have to offer plus a maps element that opens up the geometry/drawing libraries from Google, allowing the two elements to seamlessly work with one another. I’ve just released a free version to demo their “search element tool” (auto-correct) and shows how you can convert both a word address to a set of GPS latitude/longitude coordinates and vice versa.
Normally, I would write this post to outline all the instructions needed for any plugins I create but this time I’ve put most of it into the demo page instead.
The image below shows the W3W (search) element tool on the left, and on the right a custom built input field styled using Bubble elements, utilising the actions to return the data.
When you click on a returned set of words, the map will open up showing where that reference is located.
Since the “paid for” version of this plugin includes the map element with the grid overlay option included, I’ve set this up and you can see it by clicking the red button in the top left corner of the page. Grid isn’t included in the free version.
Then you should see something like this
All the descriptions for the element options, actions, events and states are detailed within the demo page.
I’ve included a second element called W3W (instant text) and it’s designed to return the value from an input element immediately without having to wait for that slight delay from bubble before it recognises the entered value. This can be handy if you do decide on creating your own type of interface because you can utilise the event and run either of the convert actions as soon as the input field has been updated. There’s an example on how to conditionally trigger a workflow (using regex) so it only runs when a valid 3 word address has been recognised.