0

5 つの人口 (列) を持つフュージョン テーブルがあり、それぞれについて、人口が最も集中しているポリゴンを別の色で表示したいと考えています。

フュージョン テーブル レイヤーのスタイル設定の例では、「polygonOptions」が定義されていましたが、人口の 1 つが集中していない限り、ポリゴンにスタイル設定を適用したくありません。また、制限から 1 スタイル離れてしまうためです。 5の。

これらのスタイルを正しく表示するには、何を変更すればよいのか、何が欠けているのかわかりません。

私の地図: http://seflculturemap.com/miami-test.html

4

1 に答える 1

0

最初の問題は列名です。空白が含まれている場合は、クエリ内で単一引用符で囲む必要があります。

もう 1 つの問題 (6 つのスタイルを適用する必要がありますが、5 つの制限があります)。また、マップのスタイルを直接作成することもできるため、すべてのポリゴンの不透明度を 0 に設定するダミー スタイルを作成することもできます。

このスタイルを適用するには、スタイルの ID を使用し、それを options-parameter と共に Layer に渡します。私はあなたの地図のためにそのようなダミー スタイルを作成しました。それには ID があります4

レイヤーの作成は次のようになります: var layer1 = new google.maps.FusionTablesLayer({

  query: {
    select: 'geometry',
    from:   '1PM3_L795Eus1HXCylF6UM0tLqXarnkNZeB_LmM8'

  },
  options: {
        styleId: 4
      },
  styles: [
     {
        where: "'Puerto Rican Population' > 500",
    polygonOptions: {
     fillColor: "#46A2D1", //blue
     fillOpacity: 0.7}  
     },
   {
        where: "'Cuban Population' > 500",
    polygonOptions: {
     fillColor: "#F29400", //orange
     fillOpacity: 0.7 }   
     }, 
     {
        where: "'Bahaman Population' > 100",
    polygonOptions: {
     fillColor: "#BAC200", //yellow
     fillOpacity: 0.7}  
     },  
     {
        where: "'Dominican Population' >200",
    polygonOptions: {
     fillColor: "#E068A0", //pink
     fillOpacity: 0.7 }   
     },
     {
        where: "'Haitian Population' > 500",
    polygonOptions: {
     fillColor: "#66A919", //green
     fillOpactity: 0.7}
   }
    ]
});

テスト: http://jsfiddle.net/doktormolle/8mZuB/

コメントに関連：

間違った列名を使用しています。

http://www.seflculturemap.com/maps/central-american-populations.htmlの場合:

'Nicaraguan' -> 'Nicaraguan Population'

http://www.seflculturemap.com/maps/south-american-populations.htmlの場合:

'Venezuelan Population'  ->'Venzuelan Population
'Peruvian'               ->'Peruvian Population'
'Argentinian Population' ->'Argentinean Population'
于 2013-03-28T19:14:43.367 に答える