javascript - 无法将标记加载到LeafLet中

我读了this example from LeanPub，在那里我学会了获取公交车站的坐标。我按照以下步骤操作，并能够按照以下步骤从BusStops.php成功获取坐标

var BusStopsCordinates = [[-40.994970,174.508080],[-41.302690,173.636960],[-41.494130,173.542100],[-40.985850,174.506590],[-40.931630,173.817260],[-41.518300,174.780810],[-41.420790,173.578300],[-42.084140,173.966320],[-41.512850,173.532740]];

遵循步骤。我将这个BusStops.php文件调用到我的Index.html页面上的javascript中，如下所示。

<script>
<?php include 'busstops.php'; ?>
    var map = L.map('map').setView([-40.994970, 174.508080], 18);
    mapLink =
        '<a href="http://openstreetmap.org">OpenStreetMap</a>';
    L.tileLayer(
        'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; ' + mapLink + ' Contributors',
        maxZoom: 18,
        }).addTo(map);

    for (var i = 0; i < planes.length; i++) {
        marker = new L.marker([planes[i][0],planes[i][1]])
            .addTo(map);
    }
</script>

根据示例，我应该得到这样的结果。


但是我什么都没有。我是PHP和Leaflet的新手。请告诉我主要问题在哪里。

最佳答案

在我看来，您只是忘记了用示例planes变量替换示例中的BusStopsCordinates变量？

演示：http://jsfiddle.net/ve2huzxw/28/