如何使用从 Google Maps API 中的本地 PHP 文件返回的 JSON

在使用 Google Maps API 合并地图上的数据时,我使用本地 PHP 文件返回相同的 JSON 结果,我使用 myjson 等网站通过托管在线存储该结果。但是,我无法根据需要使用本地 PHP 文件(这意味着如果我更新数据库,它将返回一个动态 JSON 文件)并出现错误。


此页面上有一个类似的示例,它也使用托管的静态 JSON 文件,但不是使用 PHP 文件使用 PHP 查询返回的 JSON 文件,因为我希望它是


此外,这(https://developers.google.com/maps/documentation/javascript/reference/data#Data.getFeatureById)也无济于事,因为该功能确实存在于集合中


function showStation(crimeType) {

    var map;


    map = new google.maps.Map(document.getElementById('map'),{

            zoom:9,

            center: {lat: 32.815939, lng: 73.305297}

        });



        map.data.loadGeoJson('stations.js', { idPropertyName: 'name' });


        var xhr = new XMLHttpRequest();


xhr.open('GET', 'https://api.myjson.com/bins/1e0rkl', true); //works

//xhr.open('GET', './data/stationdata.php', true); //does not work


xhr.onload = function() {

     var crimeData = JSON.parse(xhr.responseText);

       console.log(map.data.getFeatureById(stationName)); //error1


       map.data.getFeatureById(stationName).            //Line 180

       setProperty(crimeType, crimeVariable); //error2

  }); 

}


xhr.send();

        map.data.setStyle(styleFeature);


我得到错误:未定义 //error1 和 //error2 我得到:


Uncaught TypeError: Cannot read property 'setProperty' of undefined

    at functions2.js:180

    at Array.forEach (<anonymous>)

    at XMLHttpRequest.xhr.onload (functions2.js:170)


这是来自 stationdata.php 的响应:


[{"stationName":"PS Chotala","murder":"0.5238"},{"stationName":"PS City","murder":"0.6984"},{"stationName":"PS Civil Lines","murder":"0.5238"},{"stationName":"PS Dina","murder":"0.6984"},{"stationName":"PS Domeli","murder":"1.2222"},{"stationName":"PS Jalalpur Sharif","murder":"0.8730"},{"stationName":"PS Lilla","murder":"0.7857"},{"stationName":"PS Mangla Cantt","murder":"1.1349"},{"stationName":"PS Pind Dadan Khan","murder":"0.6984"},{"stationName":"PS Saddar","murder":"0.6984"},{"stationName":"PS Sohawa","murder":"3.1429"}] 


动漫人物
浏览 151回答 2
2回答

慕仙森

似乎map.data.getFeatureById(stationName)或&nbsp;stationName不可用map.data或&nbsp;map.data未定义。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript