nuCloud Map Embed Block Plugin

Add nuCloud maps to your Gutenberg enabled WordPress website with this custom block. Usage of these blocks requires an account at https://map.nucloud.com to manage your interactive map.

Installation

To install, use the Clone or Download button on the repository homepage at GitHub to grab the zip file for the latest release. In your site's backend, go to Plugins > Add New and click the Upload button.

From there, use the Choose File button to select the downloaded zip file on your computer, and finish by clicking Install Now. Once it has been installed, activate the plugin as usual.

Usage

Find your map ID

When editing your map in the interactive map editor, there are two ways to easily find your map ID. The first is if you go into your map workbench, your map ID will be in the URL of the browser - just identify your ID number in the place of {MAP_ID} when looking at the URL https://map.nucloud.com/maps/{MAP_ID}/markers. The second way is to look at the embed code for your map. Similarly, just look at your embed code block that looks like: `, and identify the number in place of{MAP_ID}`.

Setting Height

The height configuration setting in the block inspector takes a value in pixels or percents of how tall your map should be.

Open a marker on page load

In the Open Marker on Load field, you can pass in the ID of a marker on your map that will be open on page load. You can only pass in one marker at a time. If you need to find your marker's ID, just open the marker on your map and click the Share This Map link in the popup window. You'll see a URL like https://your.site/portfolio/?map=5&marker={MARKER_ID}&zoom=2&x=2360.690302&y=-1491.159999, and just identify the number in place of {MARKER_ID}. This parameter follows standard deep-linking rules.

Display layers by default

Similar to opening a marker, the Display Layers on Load field allows you to insert a comma separated list of layer names that you would like to have open by default when the page loads. This parameter follows standard deep-linking rules.

Set a custom map ID

Providing a custom string in the Custom Element ID field will apply a specific ID to the `