住宅R工房はリフォーム・リノベーション専門で26年。 筑西,つくば,桜川,下妻,結城~,真岡,小山~で活動中!

fusion tablesで実績マップを製作、サイトに貼り付け

fusion tablesで実績マップを製作、サイトに貼り付け

草間です。
お客様の一部をぬきだして実績マップをつくろうかとしております。

さてどうつくるか。Google Action Script、通称GASを使ったらスプレッドシートと連動してできるのかなーなどと調べてたら
google Fusion Tablesなんて便利なものを発見いたしました!

google謹製のデータベース管理ソフトらしいです。ただし長いこと試験運用中らしい。いつサービスがおわってしまうかドキドキです。

 

無事にできあがりましたら追記にて報告いたします!

 

 

こんなんなりました!

 

以下、実績マップのざっくりレシピです

①住所一覧の入った表データ(csv,タブ区切りtxt等)を用意、文字コードはUTF-8推奨 shift-jisでも可能かも。

②Fusion tablesにアクセス(google drive の青い「新規」ボックスからその他→アプリ追加で検索)

③import!

④mapタブから色々いじって、mapタブ→publishから作成!(共有設定の必要がある場合はダイアログに従って設定)
mapタブ→change map で地図で情報表示させたい表の列を取捨選択できたり、色々カスタムができます。
お客様の個人情報まで表示されてしまうおそれがあるので注意しましょう

⑤web siteに貼り付け
javascript や googlemap APIの取扱いになれてない人は iframeがおすすめ。
自前でscript設置してもエラーがでてしまうAPIkeyを入手してkeyをscript内に入れ込みましょう。

⑥googlemap apiのパラメータで地図をカスタム!&WEBページ内に設置!字で見る分にはあら簡単!

 

以下参考サイト様

マイマップのマーカー自動追加 – Google プロダクト フォーラム
【Google Fusion Tables】誰でも簡単にできるデータベース作り – もう一人のY君
Fusion Tables layers  |  Google Maps JavaScript API  |  Google Developers

Fusion TablesとGoogle Mapの連動が革命的に便利になっていた。 – GUNMA GIS GEEK     2013年には革命が起きていた吃驚!(GISの人だ!)

ダブルクリックによるズーム操作の有効/無効 – 地図に対する操作の設定 – Google Maps API入門
マウスホイールによるズーム操作の有効/無効 – 地図に対する操作の設定 – Google Maps API入門
Map: maxZoom – 地図の最大のズーム値

 

 

茨城でリフォーム・リノベーションなら住宅R工房!

応援してもらえると
嬉しいです!