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

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

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

2 各地の経度と緯度 経度 緯度 場所 東広島市役所 市立八本松学校給食センター 市立志和中学校 東広島市役所高屋出張所 東広島市役所福富支所 東広島市役所豊栄支所 東広島市役所河内支所 東広島市役所黒瀬支所 東広島市役所安芸津支所

3 NAS ＞ 東広島情報サイト ＞ higashihiroshima.genki365.net ＞ index.html
現状① NAS ＞ 東広島情報サイト ＞ higashihiroshima.genki365.net ＞ index.html

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);<!-- マッ プを描画 --> } ・

5 NAS ＞ 東広島情報サイト ＞ index ＞ index.html
現状② NAS ＞ 東広島情報サイト ＞ index ＞ index.html

6 現状②のソースコード 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);<!-- マッ プを描画 --> }

7 今後の課題 市内各地域の地図が表示されるようにする 次のプログラムのミスを無くす（次のページで、赤で 示します）

8 NAS ＞ 東広島情報サイト ＞ index ＞ index.html より
<TABLE width="95%" border="0" cellspacing="0" cellpadding="1"> <FORM name="form1" method="GET" action="./gnkh12/pub/group_search_image.php"> <TR> <TD bgcolor="#990000"> <TABLE width="100%" border="0" cellspacing="0" cellpadding="7"> <TR bgcolor="#FFFFEE"> <TD> <TABLE border="0" cellspacing="0" cellpadding="0" width="100%"> <TD valign="top"> <IMG src="./gnkh12/img/search.gif" alt="検索条件" width="80" height="16"> 並び順

9 <SELECT name="sort" size="1" id="sort">
<OPTION value="1">あいうえお順(正順)</OPTION> <OPTION value="2">あいうえお順(逆順)</OPTION> <OPTION value="3" selected>更新日順</OPTION> <INPUT type="button" value="並替" onClick="javascript:search_exec(0)"> </SELECT> </TD> ・ </FORM> </TABLE>

10 参考ＵＲＬ Geekなページ