Adding a Title or Header bar for the leaflet web map

This post will demonstrate using html code lines to add title or header bars to a web map.

We write in the map title or header bar within the body section of the code and position it on the top part of the web map.

The demo will use the code below and place it immediately after the closing script tag.

<p style=’position:absolute;bottom:470px;right:550px;float:right;padding:15px;border: 1px solid black;background:#FED976;’>Map showing points within geographic extent of Nigeria, West Africa</p>

See live map by clicking :


Download the plain text version of the source code by clicking the link below-

Thank you for following the blog. Send in your comments and feedback.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s