Пробуя руководство по листовкам, я получаю сломанную карту ⇐ CSS

[Anonymous]

Я выполнил инструкции по началу работы с листовкой

но моя карта выглядит сломанной, а полигоны на ней не такие, как в примере:
пример:



моя карта html:

[img]https://i. stack.imgur.com/1QEOA.jpg[/img]


мой html

Код: Выделить всё

Код: Выделить всё

document.onload = loadMap();

function loadMap() {
var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data © [url=http://openstreetmap.org]OpenStreetMap[/url] contributors, [url=http://creativecommons.org/licenses/by-sa/2.0/]CC-BY-SA[/url], Imagery © [url=http://mapbox.com]Mapbox[/url]',
maxZoom: 18,
id: 'your.mapbox.project.id',
accessToken: 'your.mapbox.public.access.token'
}).addTo(map);

var circle = L.circle([51.508, -0.11], 500, {
color: 'red',
fillColor: '#f03',
fillOpacity: 0.5
}).addTo(map);

var polygon = L.polygon([
[51.509, -0.08],
[51.503, -0.06],
[51.51, -0.047]
]).addTo(map);

}

Подробнее здесь: https://stackoverflow.com/questions/350 ... broken-map