An example html page to see how your map would look like?
Use your preferred location / zoom / size,
and copy the access token from the example(s) on the mapbox documentation page:
https://www.mapbox.com/api-documentation/#styles
A well willing freely usable webpage by me. Use it as you like and no guarantee:

<!DOCTYPE html>
<html lang="en">
<head>
<title> mapbox style TEST</title>
</head>
<body>
<script>
var urlhome     = "https://api.mapbox.com/styles/v1/mapbox/";

/* Take the key from one of the examples on URL 
   https://www.mapbox.com/api-documentation/#introduction */
var key = "?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NDg1bDA1cjYzM280NHJ5NzlvNDMifQ.d6e-nNyBDtmQCVwVNivz7A";

function showExample(loc, zoom, size, style) {
    var urlzoom     = zoom; 
	    urlzoom    += ",0,0/";
	var urlsize     = size;	
	    urlsize    += "/";	
	var urlstyle    = style;         
	    urlstyle   += "/static/"; 	
	var url  = urlhome;
		url += urlstyle;
		url += urllocation;
		url += urlzoom;
		url += urlsize;
		url += key;
	document.write("<h4>Style:"+style+" zoom:"+zoom+" size:"+size+"</h4><img id='"+style+"' src=");
	document.write(url+">");
};
/* Currently documented:
	streets-v10
	outdoors-v10
	light-v9
	dark-v9
	satellite-v9
	satellite-streets-v10
	navigation-preview-day-v4
	navigation-preview-night-v4
	navigation-guidance-day-v4
	navigation-guidance-night-v4
*/
var urllocation = "4.627072,51.892625,";
var zoom     = "4"; 
var size     = "166x146";
var style    = "streets-v10";      showExample(urllocation, zoom, size, style);
    style    = "outdoors-v10";     showExample(urllocation, zoom, size, style);
	style    = "light-v9";         showExample(urllocation, zoom, size, style);
    style    = "dark-v9";          showExample(urllocation, zoom, size, style);
	style    = "satellite-v9";     showExample(urllocation, zoom, size, style);
	style    = "satellite-streets-v10";        showExample(urllocation, zoom, size, style);
	style    = "navigation-preview-day-v4";    showExample(urllocation, zoom, size, style);
	style    = "navigation-preview-night-v4";  showExample(urllocation, zoom, size, style);
	style    = "navigation-guidance-day-v4";   showExample(urllocation, zoom, size, style);
	style    = "navigation-guidance-night-v4"; showExample(urllocation, zoom, size, style);
	
var zoom     = "7"; 
var size     = "255x255";
var style    = "streets-v10";      showExample(urllocation, zoom, size, style);
    style    = "outdoors-v10";     showExample(urllocation, zoom, size, style);
	style    = "light-v9";         showExample(urllocation, zoom, size, style);
    style    = "dark-v9";          showExample(urllocation, zoom, size, style);
	style    = "satellite-v9";     showExample(urllocation, zoom, size, style);
	style    = "satellite-streets-v10";        showExample(urllocation, zoom, size, style);
	style    = "navigation-preview-day-v4";    showExample(urllocation, zoom, size, style);
	style    = "navigation-preview-night-v4";  showExample(urllocation, zoom, size, style);
	style    = "navigation-guidance-day-v4";   showExample(urllocation, zoom, size, style);
	style    = "navigation-guidance-night-v4"; showExample(urllocation, zoom, size, style);

</script>
</body>
</html>

Move to another mapping platform? #110

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions