Show a highlight over top of a feature when it matches a search. Click the Customize Hover Highlight button to adjust stroke, fill, thickness, color, and opacity options. Show a highlight over top of a feature when the mouse moves over it. Show a highlight over top of a feature when it is selected. Use the settings to control position, scale bar units, and select a MAP View to calculate the scale. Sets a custom home position on the web map (based on Center X and Center Y for position, and zoom scale).Ĭreate a scale bar that adjusts based on zoom. Set location and zoom scale for home button The legend panel can collapse and expand. Show a MAP Legend layer if one is available. Click the Edit Map Description button to enter description content. The description panel can collapse and expand. Show a map description panel and position it on the left, top, right, or bottom of the screen. Sets the width and height to the predefined widths including 800px (large, for websites and tablets), 640px (medium, for websites and tablets), 320px (small, for mobile phones), or set to artboard size. Set the width and height of the viewport (in pixels).Īdjusts the viewport width and height values in the same ratio. Make the viewport the same size as the container.

Use the viewport settings to change how the web map is displayed in a web browser: It cannot be larger than the Adobe Illustrator document. Most of these options are enabled by default unless otherwise specified.Īdjust the width and height of the web map. Check/uncheck any of the options to enable or disable them. The Viewer tab contains settings that affect the operation of elements in the web map. The Export to HTML5 dialog box contains five tabs: Viewer has controls to set export location, viewport size, navigation controls and callout settings Hide/Show Layers has controls to show and hide specified layers Scale Dependent Layers has controls to adjust what is visible at set zoom scales Theme has controls to adjust the appearance of foreground, background, and highlight colours and Advanced has controls to adjust additional settings.

In the Export location box, specify the directory that will store the HTML index file (by default index.html) and associated web export files. In the MAP Web Author panel, in the Export section, click the HTML5 button. The largest challenge when creating an HTML5 web map is making it work efficiently across all desktop and mobile browsers. Web tags must be first created using the Edit Web Tag dialog box. Style navigation objects and map elements such as buttons, the search box, overview map, layer list, callout, zoom slider, and highlight lines and colours. Use Export to HTML5 to set the appearance of an HTML5 web map. Export to HTML5 is used to export a MAPublisher map to a package of files that includes an HTML document that will enable you to view it in a web browser.

Mapublisher html5