Presentation is loading. Please wait.

Presentation is loading. Please wait.

東広島市市民活動情報サイトの 利便性向上 ~第3回進捗報告会~

Similar presentations


Presentation on theme: "東広島市市民活動情報サイトの 利便性向上 ~第3回進捗報告会~"— Presentation transcript:

1 東広島市市民活動情報サイトの 利便性向上 ~第3回進捗報告会~
東広島市市民活動情報サイトの 利便性向上 ~第3回進捗報告会~

2 現状 参照先:NASフォルダ>東広島情報サイトフォルダ>testフォルダ>index0808.html

3 現状の問題と変更した点 問題 変更した点 アイコンが表示されない 左側について、アルファベット一文字では味気ない ので、削除して建物名を入力
右側は、次のページのソースコードになるよう、ピ ンマーカーをつけて、マウスを当てると建物名が表 示出来るようにした

4 function set_values(){
var latlng = new google.maps.LatLng( , );<!-- 座標を適したオブジェクトに変換 --> var opts = { zoom: 15, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("mapCanvas"), opts);<!-- マップを描画 --> <!-- ピン作成プログラム --> var myLatlng = new google.maps.LatLng( , );<!-- 東広島市役所の座標 --> var marker = new google.maps.Marker({<!-- "Marker":クラス --> position: myLatlng,<!-- メンバ"position"→マーカーの位置 --> map: map,<!-- メンバ"map"→マーカーを表示するGoogle Mapのインスタンス --> title: "東広島市役所" <!-- メンバ"title"→マーカーをクリックした時に表示される名前 --> });<!-- ペアになる括弧が無いと、地図が表示されないので注意 --> (中略) }

5 今後の目途 9月の第2週頃までに、“HTML5 Javascript CSS3 アプリケーション開発入門”を読む。
9月の第3週頃から、テキストのプログラムの通 りに動くか確認する。 発展として、ほかのテキストのプログラムも見 て、その通りに動くか確認する。


Download ppt "東広島市市民活動情報サイトの 利便性向上 ~第3回進捗報告会~"

Similar presentations


Ads by Google