MAP Web Author Workflow

MAP Web Author creates interactive HTML5 maps for display in a web browser. Users can either create new or work with existing documents to create web maps. Create web tags (callout bubbles) to display attribute information about features.

Creating an HTML5 map does not require any extra plug-ins. Most modern web browsers are compatible with HTML5, including mobile web browsers. Vectors are rendered as vectors, including symbols and other line work. Map tiles are created for the base layer.

MAP Web Author workflow

The following workflow outlines the major steps to create a web map.

1) Design map with considerations for a web map

Create a map document for viewing on the web while taking into consideration purpose, document size, and how it will be viewed (on desktop or mobile device).

2) Preparing for MAP Web Author

a) Create a working directory and source media folder

Create a folder to store all the components for the web map and the exported HTML5 files.

 

b) Prepare attribute table information

To use attribute information for web tags, it must be organized using the MAPublisher MAP Attributes panel. This may require creating new attribute columns for elements such as website links or graphic file paths.

 

c) Prepare data

Optimize the map by removing unused art. Use the crop tool, generalize features, simplify lines, and remove unneeded attributes.

3) Using MAP Web Author

a) Choose the source media folder

Choose an absolute or relative path to the Source Media Folder. It contains images used in web tags.

 

b) Create callout bubbles

Use the Edit Web Tag dialog box to insert content (such as a title, images and text) and use the Show Preview option to see an example of how the callout bubble will look prior to the export process.

4) Export to HTML5

Export the map to HTML5. Each has its own unique settings. It is recommended to try different configurations to achieve optimal results as maps vary widely.

5) View exported maps with a web browser

Update to the latest version of Firefox, Internet Explorer, or Chrome web browser. HTML5 maps can be viewed in any of these web browsers and mobile browsers such as Mobile Safari.

Web map examples

webmap_example1

webmap_example2

Copyright © 1995-2020 Avenza Systems. All rights reserved.

 

Last updated: 2/14/2019