MapSVG tutorial

MapSVG.Gallery add-on

MapSVG.Gallery add-on: http://mapsvg.com/add-ons/gallery

Download MapSVG.Gallery add-on from CodeCanyon. Unpack .zip and upload mapsvg-gallery folder to your plugins folder /wp-content/plugins via FTP.

Then go to WP Admin > Plugin > Installed plugins, find MapSVG.Gallery in the list of plugins and click Activate.

Please note that MapSVG.Gallery is compatible only with MapSVG 4.0.3 or newer versions. If you have older MapSVG version, download new version from CodeCanyon and update before installing MapSVG.Gallery.

After plugin activation go to WP Admin > MapSVG and choose your existing map settings or create a new one.

Let's add some images to Regions. If you don't know how to do that please read this tutorial.

Go to MapSVG Menu > Gallery. CLick on New button in the toolbar. Choose desired gallery type + optional lightbox and other options. When you finish, click OK.

You'll see a new gallery template tag which you can insert into any MapSVG template. It will look like:
{{mapsvg_gallery 56.1 image_field_name}}

The numbers 56.1 in tag are: map_id.gallery_id.

When you insert the tag into your template you should replace image_field_name pleaceholder with your real image field name.

Example: {{mapsvg_gallery 56.1 my_photos}}

Now you need to copy template tag to the buffer. Select the tag with the mouse pointer and click CMD+C(@Mac) or Ctrl+C (@Win).

Go to MapSVG > Templates > Region Details.

Add the template code (please note that your gallery tag and image field name will be different so don't copy-paste the code below without modification):

{{#if images}}
  {{mapsvg_gallery 56.1 images}}
{{/if}}
                

Go to MapSVG > Actions > Region click and check Show details view.

Save the map, insert it into a WP page and see the final result.