ionic2如何使用外部URL的json数据？

Question

我正在尝试从json文件中获取数据以及文件中的经度和纬度以显示在谷歌地图中但是当我使用本教程来自url.i时读取文件时遇到一些问题{ {3}}。

这是我的错误消息。

  loadMap() {
     var markers= this.http.get('http://thethinker.com.ng/techwand/usr.php').map(res => res.json()).subscribe(response => {
        return response.data;
});

      var mapOptions = {
        center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var infoWindow = new google.maps.InfoWindow();
    var latlngbounds = new google.maps.LatLngBounds();
    var map = new google.maps.Map(document.getElementById("map"), mapOptions);
    var i = 0;
    var interval = setInterval(function () {
        var data = markers;
        var myLatlng = new google.maps.LatLng(data.lat, data.lng);
        var icon = "http://maps.google.com/mapfiles/ms/icons/green.png";
        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: data.title,
            animation: google.maps.Animation.DROP,
            icon: new google.maps.MarkerImage(icon)
        });
        (function (marker, data) {
            google.maps.event.addListener(marker, "click", function (e) {
                infoWindow.setContent(data.description);
                infoWindow.open(map, marker);
            });
        })(marker, data);
        latlngbounds.extend(marker.position);
        i++;
        if (i == markers.length) {
            clearInterval(interval);
            var bounds = new google.maps.LatLngBounds();
            map.setCenter(latlngbounds.getCenter());
            map.fitBounds(latlngbounds);
        }
    }, 80);
}

这是打字稿文件。

json_encode

我也尝试过普通的字符串数组，它在教程中工作，但我不知道如何使它从外部URL工作。