東広島市市民活動情報サイトの 利便性向上 ～第３回進捗報告会～ 東広島市市民活動情報サイトの 利便性向上 ～第３回進捗報告会～
現状 参照先：NASフォルダ＞東広島情報サイトフォルダ＞testフォルダ＞index0808.html
現状の問題と変更した点 問題 変更した点 アイコンが表示されない 左側について、アルファベット一文字では味気ない ので、削除して建物名を入力 右側は、次のページのソースコードになるよう、ピ ンマーカーをつけて、マウスを当てると建物名が表 示出来るようにした
function set_values(){ var latlng = new google.maps.LatLng(34.426744,132.743763);<!-- 座標を適したオブジェクトに変換 --> 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(34.426744,132.743763);<!-- 東広島市役所の座標 --> var marker = new google.maps.Marker({<!-- "Marker"：クラス --> position: myLatlng,<!-- メンバ"position"→マーカーの位置 --> map: map,<!-- メンバ"map"→マーカーを表示するGoogle Mapのインスタンス --> title: "東広島市役所" <!-- メンバ"title"→マーカーをクリックした時に表示される名前 --> });<!-- ペアになる括弧が無いと、地図が表示されないので注意 --> （中略） }
今後の目途 ９月の第２週頃までに、“HTML5 Javascript CSS3 アプリケーション開発入門”を読む。 ９月の第３週頃から、テキストのプログラムの通 りに動くか確認する。 発展として、ほかのテキストのプログラムも見 て、その通りに動くか確認する。