无法将标记加载到LeafLet中

Question

I read this example from LeanPub where I learned to get coordinates for Bus Stops. I followed the steps & was able to successfully get the Coordinates from BusStops.php as follow

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]];

Following the steps. I called this BusStops.php file into javascript on my Index.html page as follows.

<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>

According to the exmple i should get result like this.

but i am getting no result at all. I am new to PHP & Leaflet. Please tell me where is the main problem.

Answer 1

It seems to me that you just forgot to replace the planes variable from the example by your BusStopsCordinates variable?

Demo: http://jsfiddle.net/ve2huzxw/28/