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

Question

我读到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]];

按照步骤操作。我在 Index.html 页面上将此 BusStops.php 文件调用为 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 的新手。请告诉我主要问题在哪里。

Answer 1

在我看来，您只是忘记将示例中的 planes 变量替换为 BusStopsColutes 变量？

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