1. Home
  2. Knowledge Base
  3. Map Customization
  4. Styling your map with HTML and CSS

Styling your map with HTML and CSS

Mapme lets you build amazing interactive maps without coding, design, or Geographic Information Systems (GIS) expertise. The Mapme platform is easy to use, powerful, and flexible, covering a broad range of interactive map use cases.

To further customize your map style, Mapme provides advanced customization and styling options with HTML (HyperText Markup Language) and CSS (Cascading Style Sheets).

Split Titles on Multiple Lines

You can split the map title and the map location names into multiple lines using the HTML <br/> tag. For example:
Historic Warehouse District<br/>Self-Guided Tour

This feature adds clarity to long titles or emphasizes part of a title.

Style the Description with HTML

You can use HTML tags to style the map’s home and location descriptions.

HTML code allows you to customize the descriptions on your map beyond the built-in formatting options (bold, italic, and bullet points). For instance, you can add colors, buttons, and different font sizes.

Toggle between the Visual editor and the HTML editor using the “code” icon at the bottom of the description field.

The HTML editor will validate your HTML and indicate if there are issues. We highly recommend not publishing a map with invalid HTML code.

map-html-editor

Custom CSS for Map Styling

Use the custom CSS feature to create CSS classes for use alongside your HTML code. This approach is recommended to maintain clean and easy-to-manage code, ensuring your map’s styling remains consistent and professional.

CSS (Cascading Style Sheets) enables you to customize virtually all visual aspects of your map. This includes the styling of buttons, the choice of fonts, and the color scheme. By applying custom CSS, you can achieve a unique look and feel that aligns with your branding or thematic requirements.

To learn more about CSS customization for your map click here. We also provide some examples of custom CSS files.

Support

We recommend that you have some HTML knowledge before adding custom CSS and HTML code.

Mapme offers professional services from specialists who are experts on adding CSS and HTML on our maps. If you are interested, please contact us.

 

Related Articles

Start free trial

v

Need Help?

Chat or use Contact Form

Getting Started

Watch the 2-min-tutorial

What's New