Mapbox is really geared toward developers, people who write code to embed maps in websites and apps. Websites are typically written in JavaScript, with the maps being embedded through special programming libraries (APIs) that offer functions for working with tiles, markers, etc. One of the more popular of these APIs is Leaflet. Follow the instructions below to make a real simple web page that embeds your Mapbox map via Leaflet.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Leaflet + Mapbox test</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" type="text/css" crossorigin=""> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js" crossorigin=""></script> <style> #mapid { width: 512px; height: 512px; border: 1px solid #ccc; } .leaflet-container { background: #fff; } </style> <script type="text/javascript"> function init() { // create map and set center and zoom level var map = new L.map('mapid'); map.setView([47.000,-120.554],13); var mapboxTileUrl = 'PASTE YOUR URL INSIDE THESE SINGLE QUOTES'; L.tileLayer(mapboxTileUrl, { attribution: 'Background map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors' }).addTo(map); } </script> </head> <body onload="init()"> <h1 id="title">Favorite restaurants</h1> <div id="mapid"></div> </body> </html>
This is a pretty basic example, but hopefully it helps you see how a map like this could be embedded anywhere in a web page by an able JavaScript developer. This could be a useful supplement to a blog, news article, corporate web page, etc.