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.

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.

 
Products Download Purchase Resources Support About Us

 

 


   Join us on FacebookFollow us on TwitterWatch us on YouTubeConnect with us on LinkedIn

 

Avenza Maps
MAPublisher
MAP FME Auto
Geographic Imager
MAPdata
MAPdataCanada
MAPdataUSA
MAPdataWorld
MajorCitiesUSA
Avenza Maps
MAPublisher
Geographic Imager
MAPdataCanada
MAPdataUSA
MAPdataWorld
MajorCitiesUSA
Order by Phone
Order by Fax
Order by Email
Order Online
Direct Download
Resellers
Resources Blog
Map Awards
Map Gallery
Training Courses
YouTube Channel
Styles & Symbols
Web Author API
Contact Support
User Guides and Tutorials
User Forums & FAQ
Product Compatibility
Product Activation
Retrieve/Move License
Renew Maintenance
Maintenance Login
History
Careers
Contact
News
Events