Drawing web maps using Mapbox Javascript

Mapbox javascript is a java library created by Mapbox Inc for drawing maps on web pages. Very much like

leaflet JS, Mapbox JS allows one to put the full functionality of the mapbox editor on a web page.


We will demonstrate loading a simple web map into a web page using mapbox Js. Our web map is going to

be a map of Lagos area in West Africa.


Insert the link to the CSS and JS library for Mapbox


link href=’https://api.mapbox.com/mapbox.js/v2.2.1/mapbox.css’ rel=’stylesheet’


See sample of the source code with descriptive lines


bass.html - Notepad-001

Screenshot showing the web map



See live example at:


Download the plain text version of the source code at:



See Mapbox.com documentation for more examples and information


Thank you for following the blog.


Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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