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

 

https://api.mapbox.com/mapbox.js/v2.2.1/mapbox.js’
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

mb

 

See live example at:

https://htmlpreview.github.io/?https://github.com/mayotunde/dell/blob/master/mapboxmap.html

Download the plain text version of the source code at:

https://www.dropbox.com/s/ovbvuden18gbpiq/drawing%20web%20maps%20using%20mapbox%20JS.txt?dl=0

 

See Mapbox.com documentation for more examples and information

 

Thank you for following the blog.

Advertisements

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