Определите центр / ограничивающую рамку FusionTablesLayer в Google Maps API - PullRequest
Новая
       34

Определите центр / ограничивающую рамку FusionTablesLayer в Google Maps API

1 голос
/ 08 декабря 2011

Есть ли способ определить центральную точку FusionTablesLayer?Я думал об использовании какого-либо события для обработки рендеринга слоя, но без всякой удачи.

1 Ответ

4 голосов
/ 20 декабря 2011

В следующем коде показано, как получить данные из таблицы Fusion с помощью API инструментов Chart, а затем использовать эти данные для подгонки границ карты к данным в таблице Fusion.Надеемся, что это даст вам некоторые идеи о том, как найти центр! 

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

    <style type="text/css">
      body { height: 100%; margin: 0px; padding: 10px; }
      #map-canvas { height: 600px; width: 700px; }
    </style>

    <script type="text/javascript"
        src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>

    <script>
      google.load('visualization', '1');

      function initialize() {
        var queryText = encodeURIComponent(
            "SELECT Latitude,Longitude FROM 345328");
        var query = new google.visualization.Query(
            'http://www.google.com/fusiontables/gvizdata?tq='  + queryText);

        query.send(function(response) {
          var numRows = response.getDataTable().getNumberOfRows();

          //create the list of lat/long coordinates
          var coordinates = [];
          for(i = 0; i < numRows; i++) {
            var lat = response.getDataTable().getValue(i, 0);
            var lng = response.getDataTable().getValue(i, 1);
            coordinates.push(new google.maps.LatLng(lat, lng));
          }  

          var map = new google.maps.Map(document.getElementById('map-canvas'), {
            mapTypeId: google.maps.MapTypeId.ROADMAP
          });
          var bounds = new google.maps.LatLngBounds();
          for (var i = 0; i < coordinates.length; i++) {
            bounds.extend(coordinates[i]);
          }
          map.fitBounds(bounds);

          var layer = new google.maps.FusionTablesLayer({
            query: {
              select: 'Latitude',
              from: 345328
            }
          });
          layer.setMap(map);
        });
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>

  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>
...