Карта листовка, не показывающая в Wordpress

У меня есть карта листовка, правильно работающая внутри простой HTML-страницы.Карта листовка, не показывающая в Wordpress

Когда я перемещаю эту точную карту со страницы HTML в шаблон страницы Wordpress, плитки карты больше не отображаются. Странно то, что я использую некоторые формы geoJSON, и они отображаются хорошо, но сама карта не делает. Вот скриншот

enter image description here

Все относительные файлы загружаются правильно, без ошибок в консоли. Вот код, я использую для инициализации карты:

var map = L.map('map').setView([51.504, -0.021], 17); 


L.tileLayer('https://api.tiles.mapbox.com/v4/jeffceriello.mngoo42b/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiamVmZmNlcmllbGxvIiwiYSI6Ikhrakxrd00ifQ.SlVngzIXeS5UPC8UGmy1OA', { 
    maxZoom: 18, 
    id: 'mapbox.streets' 
}).addTo(map); 

function onEachFeature(feature, layer) { 
    var popupContent; 

    if (feature.properties && feature.properties.title) { 
     popupContent = feature.properties.title; 
    } 

    layer.bindPopup(popupContent); 
} 

L.geoJson([campus], { 

    style: function (feature) { 
     return feature.properties && feature.properties.style; 
    }, 

    onEachFeature: onEachFeature 

}).addTo(map);

Вот скриншот из всех файлов, включенных:

CSS линия 106

leaflet.js линия 119

карта сценария 121

enter image description here

Pl облегчите помощь, спасибо.

источник

2015-07-20 Jeff

Возможно, вам понадобится библиотека js для включения? – Mihai

Я обновил свой вопрос с помощью скриншота из библиотеки – Jeff

Я думаю, вам нужно добавить http к тем // .... urls или, возможно, загрузить их локально для более быстрого доступа – Mihai

Возможно, что-то блокирует плитки из картона? Попробуйте использовать уровень OSM для проверки. Замените свой слой плитки на код ниже и посмотрите, не лучше ли это.

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
    maxZoom : 19 
}).addTo(map)

источник

2015-07-22 13:52:42

Карта листовка, не показывающая в Wordpress

ответ

Смежные вопросы