Fusionテーブル
Fusion Table で岡山県の病院マップを作成する手順
- 作成→アプリを追加→検索窓に「Fusion」と入力→「Fusion Table(試験運用)」を選択→「接続」
- これで,作成メニューに「Fusion Tables」が加わるので,「作成」→「Fusion Table」→「作成して共有」
- パスワードの再入力画面が出たらパスワードを入力して「サインイン
- Fusion Tableの画面になったら「参照」をクリックして,Googleドライブのゼミの共有フォルダの「Google Map データ」内にある「岡山県の病院」を選択する。
- 「Next」をクリック
- 「Next」をクリック
- 「Table name」に「岡山県の病院」と入力して「Finis」をクリック
- 画面にテーブルが表示されたら列名「住所/病院数」の右端にある逆三角形ボタンをクリックして「Chane...」をクリック
- 「Type」を「」Location」に変更して「Save changes」をクリック
- タブの「+」をクリックして「Add Map」を選ぶとGeocodingが始まるのでしばらく待つ
- マップが表示されたら「Change feature styles」を選んでアイコンの形状を好きなものに変える
- 右上の「Share」をクリックして,「アクセスできるユーザ」を「変更」して「リンクを知っている全員」をチェックして「保存」する
- 「共有するリンク」をコピーしてブラウザのアドレスに入力してマップが表示されるか確認する
- 「完了」をクリックして終了
HTMLを公開する方法
- メニューの「Tools」→「Publish」を選ぶ
- 表示されたウィンドウの最下部にある「Get HTML and JavaScript」をクリック
- 表示されたHTMLをコピーして,Notepad++の新規画面に貼り付ける
- 「エンコード」→「utf-8に変換」
- 「言語」→「H」→「HTML」
- 「名前を付けて保存」(保存場所はUSBメモリの中:たとえばfusionフォルダを作ってその中に保存する:ファイル名は何でもよいが,わかりやすい名前をつける:例)okayama_hospitals.html)
- NppFTPでXdomainへアップロード
- 自分のサーバのURLを使ってアップロードしたHTMLを確認する(例:http://******.php.xdomain.jp/okayama_hospitals.html)
HTMLの編集(notepad++でHTMLを編集してマップを画面いっぱいに表示する)
- HTMLファイルを開いて,サイズを指定している箇所をすべて100%にする(300px→100%,500px→100%)
- 保存してサーバへアップロードする
0 件のコメント:
コメントを投稿