传单地图未在 Wordpress 中显示答案

【问题标题】：Leaflet map not showing in Wordpress传单地图未在 Wordpress 中显示
【发布时间】：2015-07-20 18:40:21
【问题描述】：

我的传单地图在一个简单的 HTML 页面中正常工作。

当我将准确的地图从 HTML 页面移动到 Wordpress 页面模板中时，地图图块不再显示。奇怪的是，我使用了一些 geoJSON 形状，它们显示得很好，但地图本身却没有。这是截图

所有相关文件都正确加载，控制台中没有错误。这是我用来初始化地图的代码：

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

请帮忙，谢谢。

【问题讨论】：

也许你需要一些 js 库来包含？
我已经用包含的库的屏幕截图更新了我的问题
我认为您需要将 http 添加到这些 //.... url 或者可能在本地下载它们以便更快地访问
谢谢你，但不幸的是这并没有解决问题

标签： wordpress dictionary leaflet

【解决方案1】：

也许有什么东西挡住了 mapbox 瓦片？尝试使用 OSM 层进行验证。用下面的代码替换你的平铺层，看看它是否更好。

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

【讨论】：