2017-03-29 20 views
0

PHPを使用してAPIを使用してKMLデータを使用して、郡ごとのカウントを示すヒートマップを作成しています。テーブル、スタイル、およびテンプレートの作成は、期待通りに機能します。 Googleドライブから地図を表示し、Fusion Tablesを使用して地図を開くと、地図が正しく表示されます。つまり、マップは、APIを使用して作成したカウントとバケットに応じて、各郡のポリゴンの色が変化していることを示しています。Google Fusion Tableヒートマップ埋め込みiFrameでポリゴンの色が表示されない

ただし、これらのマップは、埋め込まれたiFrameを使用して別のウェブページに表示したいと考えています。ドキュメントによると、埋め込みは既定のスタイルを使用します。それは、私がそれのために作成したものです。

ただし、埋め込みマップでページを表示すると、ポリゴンは表示されますが、カウント(ポリゴンをクリックした場合に表示される)に応じて色付けされません。 Webインターフェイス経由でマップに入り、[パブリッシュ]をクリックして、埋め込みページに色が表示され始めるまではありません。私はまた別のスタイルが作成されていることに気づきましたが、私が既に持っていたもの(下記)の複製です。

質問には次のようなものがあります。誰もこの問題に遭遇しましたか? PHPを使用してAPI経由で公開する方法はありますか?どんな提案も役に立ちます。

API

Google_Service_Fusiontables_StyleSettingList {#1164 
    #collection_key: "items" 
    #itemsType: "Google_Service_Fusiontables_StyleSetting" 
    #itemsDataType: "array" 
    +kind: "fusiontables#styleSettingList" 
    +nextPageToken: null 
    +totalItems: 1 
    #internal_gapi_mappings: [] 
    #modelData: array:1 [ 
    "items" => array:1 [ 
     0 => array:4 [ 
     "kind" => "fusiontables#styleSetting" 
     "tableId" => "1v0Q9grONGtJZAolcaBNLoQh691onorw0GVthYyiL" 
     "styleId" => 1 
     "polygonOptions" => array:1 [ 
      "fillColorStyler" => array:3 [ 
      "kind" => "fusiontables#buckets" 
      "columnName" => "Count" 
      "buckets" => array:5 [ 
       0 => array:4 [ 
       "min" => 0.0 
       "max" => 25.0 
       "color" => "#0000ff" 
       "opacity" => 0.5 
       ] 
       1 => array:4 [ 
       "min" => 25.0 
       "max" => 57.0 
       "color" => "#33ffff" 
       "opacity" => 0.5 
       ] 
       2 => array:4 [ 
       "min" => 57.0 
       "max" => 161.0 
       "color" => "#ffff00" 
       "opacity" => 0.5 
       ] 
       3 => array:4 [ 
       "min" => 161.0 
       "max" => 365.0 
       "color" => "#ff6600" 
       "opacity" => 0.5 
       ] 
       4 => array:4 [ 
       "min" => 365.0 
       "max" => 20000.0 
       "color" => "#ff0000" 
       "opacity" => 0.5 
       ] 
      ] 
      ] 
     ] 
     ] 
    ] 
    ] 
    #processed: [] 
} 

マップコンソールを使用した後に追加セカンドスタイルで作成された最初のスタイルと、Googleの技術と話した後

Google_Service_Fusiontables_StyleSettingList {#1164 
    #collection_key: "items" 
    #itemsType: "Google_Service_Fusiontables_StyleSetting" 
    #itemsDataType: "array" 
    +kind: "fusiontables#styleSettingList" 
    +nextPageToken: null 
    +totalItems: 2 
    #internal_gapi_mappings: [] 
    #modelData: array:1 [ 
    "items" => array:2 [ 
     0 => array:4 [ 
     "kind" => "fusiontables#styleSetting" 
     "tableId" => "1v0Q9grONGtJZAolcaBNLoQh691onorw0GVthYyiL" 
     "styleId" => 1 
     "polygonOptions" => array:1 [ 
      "fillColorStyler" => array:3 [ 
      "kind" => "fusiontables#buckets" 
      "columnName" => "Count" 
      "buckets" => array:5 [ 
       0 => array:4 [ 
       "min" => 0.0 
       "max" => 25.0 
       "color" => "#0000ff" 
       "opacity" => 0.5 
       ] 
       1 => array:4 [ 
       "min" => 25.0 
       "max" => 57.0 
       "color" => "#33ffff" 
       "opacity" => 0.5 
       ] 
       2 => array:4 [ 
       "min" => 57.0 
       "max" => 161.0 
       "color" => "#ffff00" 
       "opacity" => 0.5 
       ] 
       3 => array:4 [ 
       "min" => 161.0 
       "max" => 365.0 
       "color" => "#ff6600" 
       "opacity" => 0.5 
       ] 
       4 => array:4 [ 
       "min" => 365.0 
       "max" => 20000.0 
       "color" => "#ff0000" 
       "opacity" => 0.5 
       ] 
      ] 
      ] 
     ] 
     ] 
     1 => array:5 [ 
     "kind" => "fusiontables#styleSetting" 
     "tableId" => "1v0Q9grONGtJZAolcaBNLoQh691onorw0GVthYyiL" 
     "styleId" => 2 
     "name" => "Map of Geometry" 
     "polygonOptions" => array:1 [ 
      "fillColorStyler" => array:3 [ 
      "kind" => "fusiontables#buckets" 
      "columnName" => "Count" 
      "buckets" => array:5 [ 
       0 => array:4 [ 
       "min" => 0.0 
       "max" => 25.0 
       "color" => "#0000ff" 
       "opacity" => 0.5 
       ] 
       1 => array:4 [ 
       "min" => 25.0 
       "max" => 57.0 
       "color" => "#33ffff" 
       "opacity" => 0.5 
       ] 
       2 => array:4 [ 
       "min" => 57.0 
       "max" => 161.0 
       "color" => "#ffff00" 
       "opacity" => 0.5 
       ] 
       3 => array:4 [ 
       "min" => 161.0 
       "max" => 365.0 
       "color" => "#ff6600" 
       "opacity" => 0.5 
       ] 
       4 => array:4 [ 
       "min" => 365.0 
       "max" => 20000.0 
       "color" => "#ff0000" 
       "opacity" => 0.5 
       ] 
      ] 
      ] 
     ] 
     ] 
    ] 
    ] 
    #processed: [] 
} 

答えて

0

を公開、私はY」のiFrameコードは、変数を使用して見つけましたスタイルIDを表します。したがって、APIを使用してスタイルを作成し、新しいIDを受け取る場合は、マップのiFrameコードでこれを使用して、適切なスタイルが割り当てられていることを確認できます。

<iframe width="700" height="500" scrolling="no" frameborder="no" src="https://fusiontables.google.com/embedviz?q=select+col2+from+{{ $project->fusion_table_id }}&amp;viz=MAP&amp;h=false&amp;lat=34.72404554786575&amp;lng=-93.08009375000002&amp;t=1&amp;z=3&amp;l=col2&amp;y={{ $project->fusion_style_id }}&amp;tmplt={{ $project->fusion_template_id }}&amp;hml=GEOCODE"></iframe>