Нужна помощь! Как выбрать конкретный полигон для рисования на карте Google, используя его API. данные из таблицы слияния

Question

Я учусь и пытаюсь использовать Google Map API, чтобы нарисовать выбранную область из данных в таблице Fusion. это данные по провинции в Таиланде, которые я импортирую из KML в таблицу Fusion. используя следующий код.

var map = new google.maps.Map(document.getElementById('map'), {
        center: { lat: 13.7248936, lng: 100.4930264 },
        zoom: 6
      })
      var layer = new google.maps.FusionTablesLayer({
        name: 'fsru',
        query: {
          select: 'geometry',
          from: '1aclHzWdYrUCcHHfgbmKnFTqTTppgeI0SkKNXPpYR'
        },
        styles: [{
          polygonOptions: {
            fillColor: '#ff0000',
            fillOpacity: 0.3
          }
        }, {
          where: 'project = name',
          polygonOptions: {
            fillColor: '#0000FF',
            fillOpacity: 1
          }
        }]
      })
      layer.setMap(map)

и это таблица фьюжн.

https://fusiontables.google.com/DataSource?docid=1aclHzWdYrUCcHHfgbmKnFTqTTppgeI0SkKNXPpYR&fbclid=IwAR3VQLH51ONsnLm8v0KcWhk6MdcDFSeDvig3t1-tYoJ90-IqIm_XRJBLgzA#rows:id=1

каково мое состояние: я хочу нарисовать фигуру, многоугольник из геометрии в слиянии, выбрав название провинции для рисования. но по этому коду показывается весь многоугольник, хотя я выбираю только название провинции.

У меня проблема в том, что

когда я использую

var layer = new google.maps.FusionTablesLayer({
            name: 'fsru',
            query: {
              select: 'geometry' and 'name',
              from: '1aclHzWdYrUCcHHfgbmKnFTqTTppgeI0SkKNXPpYR'
              where: 'name' like krabi
            },

это не работает.

Я хочу выбрать только определенную область для рендеринга, но она не работает.

Answer 1

Ваш синтаксис where является проблемой.

function initialize() {

    var mapOptions = {
        center: new google.maps.LatLng(8.16,99),
        zoom: 6,
        mapTypeId: 'roadmap'
    };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    var layer = new google.maps.FusionTablesLayer({
        query: {
            select: 'geometry',
            from: '1aclHzWdYrUCcHHfgbmKnFTqTTppgeI0SkKNXPpYR',
            where: "'name' like 'Krabi'",
        },
        styles: [{
            polygonOptions: {
                fillColor: '#9acd32',
                fillOpacity: 1,
                strokeWeight: 0
            }
        }],
        map: map
    });
}

initialize();

#map-canvas {
  height: 150px;
}

<div id="map-canvas"></div>
<script src="https://maps.googleapis.com/maps/api/js"></script>