0

マップ上の Google Fusion Table からマーカーを視覚化することができました。ここで、ユーザーが指定したポイントからテーブルに保存されているマークまでの距離を知りたいと思います。これには Distance Matrix を使用することを考えました。https://developers.google.com/maps/documentation/javascript/distancematrixのコード例は私にとっては問題なく機能しますが、テーブルのマーカーを Distance Matrix 関数の目的地として定義する方法がわかりません。

上記のように、destA と destB の代わりにフュージョン テーブルのマーカーを宛先として呼び出す変数が必要です。

これが私の変数です：

var schools = new google.maps.FusionTablesLayer({
  query: {
    select: 'geometry',
    from: '1mae334i-txYZFixePEiC7lgYYyi4w6qDN87XAyw'    
  },
});

これは、Googleドキュメントの基本的なコードです。

var origin1 = new google.maps.LatLng(55.930385, -3.118425);
var origin2 = "Greenwich, England";
var destinationA = "Stockholm, Sweden";
var destinationB = new google.maps.LatLng(50.087692, 14.421150);

var service = new google.maps.DistanceMatrixService();
service.getDistanceMatrix(
{
  origins: [origin1, origin2],
  destinations: [destinationA, destinationB],
  travelMode: google.maps.TravelMode.DRIVING,
  avoidHighways: false,
  avoidTolls: false
}, callback);

function callback(response, status) {
}

誰かがこれを手伝ってくれたらとてもうれしいです。これにはかなり簡単な解決策があるはずだと思いますが、わかりません:/

とにかく、どんな種類の助けにも感謝します!

4

1 に答える 1

3

そこにある場所について FusionTable をクエリし、DistanceMatrix へのクエリでそれらを使用する必要があります。テーブルの行数が 500 未満なので、おそらく Google 視覚化ライブラリを使用しますが、新しい JSONP API も同様に機能するはずです。

DistanceMatrix は 25 の目的地に制限されています。94行のテーブルの概念実証。それよりもはるかに多くの問題があります（クエリの制限とクォータに遭遇します）

http://www.geocodezip.com/v3_SO_FusionTables_DistanceMatrix.html

最初の 25 件の結果を取得するコード:

  // query the table for the destinations
  var queryString ="SELECT 'geometry' FROM "+FT_TableID;
  var queryText = encodeURIComponent(queryString);
  var query = new google.visualization.Query('http://www.google.com/fusiontables/gvizdata?tq='  + queryText);
  //set the callback function
  query.send(createDestinations);
}

function createDestinations(response) {
  if (!response) {
    alert('no response');
    return;
  }
  if (response.isError()) {
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
    return;
  } 
  FTresponse = response;
  //for more information on the response object, see the documentation
   //http://code.google.com/apis/visualization/documentation/reference.html#QueryResponse
  numRows = response.getDataTable().getNumberOfRows();
  numCols = response.getDataTable().getNumberOfColumns();
  var geoXml = new geoXML3.parser();
  var bounds = new google.maps.LatLngBounds();
  var request=0;
  destinations[0] = [];
  for (var i=0; ((i<numRows) && (i<25)); i++) {
    var kml = FTresponse.getDataTable().getValue(i,0);
    geoXml.parseKmlString("<Placemark>"+kml+"</Placemark>");
    destinations[request].push(geoXml.docs[i].markers[0].getPosition());
    bounds.extend(geoXml.docs[i].markers[0].getPosition());
  }
  map.fitBounds(bounds);
  calculateDistances(0);
}

function calculateDistances(request) {
   service.getDistanceMatrix({
        origins: [origin],
        destinations: destinations[request],
        travelMode: google.maps.TravelMode.DRIVING,
        unitSystem: google.maps.UnitSystem.IMPERIAL,
        avoidHighways: false,
        avoidTolls: false
      }, function (response, status) {
    if (status != google.maps.DistanceMatrixStatus.OK) {
      alert('Error was: ' + status);
    } else {
      var origins = response.originAddresses;
      var destinationAdds = response.destinationAddresses;
      htmlString = '<table border="1">';
      deleteOverlays();
      for (var i = 0; i < origins.length; i++) {
        var results = response.rows[i].elements;
        for (var j = 0; j < results.length; j++) {
          htmlString += '<tr><td>'+destinationAdds[j]+'</td><td>' + results[j].distance.text +'</td></tr>';
        }
      }
    }
    var outputDiv = document.getElementById('outputDiv');
    htmlString += '</table>';
    outputDiv.innerHTML = htmlString;
  });
}

最初の 25 の結果を取得する実際の例

于 2012-07-24T01:10:57.560 に答える