東広島市市民活動情報サイトの 利便性向上 ～第２回進捗報告会～
各地の経度と緯度 経度 緯度 場所 132.74375209999994 34.4267515 東広島市役所 132.68834889999994 34.414729 市立八本松学校給食センター 132.6507481 34.491523 市立志和中学校 132.78782260000003 34.4479755 東広島市役所高屋出張所 132.77819909999994 34.5361797 東広島市役所福富支所 132.82486029999995 34.5633558 東広島市役所豊栄支所 132.8883641 34.47223 東広島市役所河内支所 132.67628420000005 34.3247474 東広島市役所黒瀬支所 132.8136826 34.3196117 東広島市役所安芸津支所
NAS ＞ 東広島情報サイト ＞ higashihiroshima.genki365.net ＞ index.html 現状① NAS ＞ 東広島情報サイト ＞ higashihiroshima.genki365.net ＞ index.html
現状①のソースコード function set_values(){ var latlng = new google.maps.LatLng(34.4267515,132.74375209999994);<!-- 座標を適した オブジェクトに変換(東広島市役所) --> var opts = { zoom: 15, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("mapCanvas"), opts);<!-- マッ プを描画 --> } ・
NAS ＞ 東広島情報サイト ＞ index ＞ index.html 現状② NAS ＞ 東広島情報サイト ＞ index ＞ index.html
現状②のソースコード function set_values(){ var latlng = new google.maps.LatLng(34.4267526,132.74375120000002);<!-- 座標を適した オブジェクトに変換 --> var opts = { zoom: 15, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("mapCanvas"), opts);<!-- マッ プを描画 --> }
今後の課題 市内各地域の地図が表示されるようにする 次のプログラムのミスを無くす（次のページで、赤で 示します）
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"> 並び順
<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>
参考ＵＲＬ Geekなページ http://www.geekpage.jp/web/google-maps-api/v3/geocoder-latlng.php