My Account     Contact Us     Cart
 

MAP Web Author CSS

The appearance of the MAPublisher Web Author map viewer can be fully customized using Cascading Style Sheets (CSS). Using external CSS files for styling the viewer is advantageous because more visual aspects of the viewer can be set than when just using the GUI tools and, if the need arises, they can be updated after the map has been exported from Illustrator to create a new look and feel.

This site was developed as a guide to our CSS and is available to all MAPublisher customers.

 

Getting Started

First create your style sheet using your favorite CSS or text file editor. You will probably find it handy to use a CSS file from one of our examples as a starting point.

Flash Export only: If you’re adding the CSS to a new map, check the “Using External CSS File” option in the Viewer Settings tab of the Web Export Dialog and select your file.

If you’re adding the CSS to map that has already been exported, upload the CSS file to your server and update the HTML for the map to point to it.

<script type="text/javascript" src="index_data/swfobject.js"></script>
<script type="text/javascript" src="index_data/avenza.js"></script>
<script type="text/javascript">
	AVENZA.embedViewer("map", "792", "612", 
		{
			styleSheet:"my-new-style.css",
			baseURL:"index_data/",
			flashSecuritySandbox: AVENZA.NETWORK_SANDBOX
		}
	);
</script>

 

And that’s it!

 

More Information

Check out the CSS reference for a full listing of all available functionality.

 

CSS Examples

Use these style sheets as starting points for your own projects.