在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，或者可以在本地下載它們以便更快地訪問 – Mihai

也許有什麼東西阻止mapbox瓷磚？嘗試使用OSM層來驗證。用下面的代碼替換你的tile層，看看它是否更好。

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

來源

2015-07-22 13:52:42

在Wordpress中不顯示傳單地圖

回答

相關問題