Download presentation
Presentation is loading. Please wait.
1
東広島市市民活動情報サイトの 利便性向上 ～第３回進捗報告会～
東広島市市民活動情報サイトの 利便性向上 ～第３回進捗報告会～
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
今後の目途 ９月の第２週頃までに、“HTML5 Javascript CSS3 アプリケーション開発入門”を読む。
９月の第３週頃から、テキストのプログラムの通 りに動くか確認する。 発展として、ほかのテキストのプログラムも見 て、その通りに動くか確認する。
Similar presentations
![Microsoft PowerPoint98 Netscape Communicator 4.06[ja]](/61/11249017/big_thumb.jpg "Microsoft PowerPoint98 Netscape Communicator 4.06[ja]>")
![Microsoft PowerPoint98 Netscape Communicator 4.06[ja]](/61/11249018/big_thumb.jpg "Microsoft PowerPoint98 Netscape Communicator 4.06[ja]>")
