~Linux、MySQLからAJAXまでAngularJSを使ってGoogleマップ(12)Fusionテーブルのデータを地図上にマーカーとして表示Fusionテーブルに登録したデータを地図上にマーカーとして表示する方法についてです。デモとコードサンプルはこちら。table”ウィンドウ表示。table”を選択しました。4”Text”、”Number”、”Location”、”Date”の入力画面が出てくるので、”Location”にカンマ区切りで緯度と経度を入力し、その他のカラムも必要に応じて入力します。table”を選択Idの値を取得します。(2)Fusionテーブルに登録したデータを地図上にマーカーとして表示デモとコードサンプルはこちら。1)サンプルコードの仕様ここでは、下記仕様でサンプルコードを作成しました。・登録したデータを地図上にマーカーとして表示する・マーカーアイコンの形状をType(公園、サイクリングなど)の値によって切り分ける。options=”map.fusionlayer.options”></layer>type属性にlayerのタイプを指定し、オプションはスクリプトから取得します。○queryオプションqueryオプションでselectに位置情報を指定するテーブルカラム名、fromに(1)の7で取得したIDを指定します。‘1)7で取得したIDを指定’}○styleオプション・markerOptions属性でマーカーアイコンを指定します。・where属性を使って、デフォルトのアイコンは緑の丸、テーブルの”type”カラムが”公園”と”サイクリング”の場合は、異なるアイコンを使用するように設定しています。アイコンの名前は下記サイトで確認します。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。