「地図検索ページ」(2009/03/25 (水) 11:03:23) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
#javascript(){{
<!-- BSZONE START NAME="BIZASP_BODY" -->
<!-- BSZONE END NAME="BIZASP_BODY" -->
<form action="#" onsubmit="showAddress(this.address.value); return false;">
<P>
<input type="text" size="40" name="address" value="恵比寿駅" />
<input type="submit" value="地図で移動する" /> (例：住所、駅名、有名な建物名)
</P>
</form>
<div id="map" style="width: 450px; height: 400px"></div>
<hr>
<link rel="alternate" type="application/rss+xml" title="テスト | RSS Result" href="http://bizsearch-asp.accelatech.com/bizasp/index.php?a=ANRS001&corpId=intern04">
<form name=bizFormName action="http://bizsearch-asp.accelatech.com/bizasp/index.php" method="GET" onsubmit="this.q.value += checkCondition(); return true;">
<input type="text" name="q" value="" size="40">
<input type="submit" value=" 検 索 ">
<input type="hidden" name="corpId" value="intern04">
<input type="hidden" name="en" value="">
<div class="pw">Powered by <a href="http://www.accelatech.com/" target="_blank">Accela BizSearch</a></div>
</form>
<h1>検索条件<h1>
<hr>
<form name="formRoom">
<h3>間取り<h3>
<p>
<input type="radio" name="radioArrange" value="NO" CHECKED>指定しない
<input type="radio" name="radioArrange" value="1R">1R
<input type="radio" name="radioArrange" value="1K">1K
<input type="radio" name="radioArrange" value="1DK">1DK
<input type="radio" name="radioArrange" value="1LDK">1LDK
<input type="radio" name="radioArrange" value="間取りその他">間取りその他
</p>
<hr>
<h3>構造<h3>
<p>
<input type="radio" name="radioStructure" value="NO" CHECKED>指定しない
<input type="radio" name="radioStructure" value="木造">木造
<input type="radio" name="radioStructure" value="鉄骨">鉄骨
<input type="radio" name="radioStructure" value="鉄筋">鉄筋
<input type="radio" name="radioStructure" value="構造その他">構造その他
</p>
<hr>
<h3>築年数<h3>
<p>
<input type="radio" name="radioYears" value="NO" CHECKED>指定しない
<input type="radio" name="radioYears" value="新築">新築
<input type="radio" name="radioYears" value="5年以内">5年以内
<input type="radio" name="radioYears" value="10年以内">10年以内
<input type="radio" name="radioYears" value="20年以内">20年以内
<input type="radio" name="radioYears" value="築年数その他">築年数その他
</p>
<hr>
<h3>駅まで<h3>
<p>
<input type="radio" name="radioStation" value="NO" CHECKED>指定しない
<input type="radio" name="radioStation" value="1分以内">1分以内
<input type="radio" name="radioStation" value="5分以内">5分以内
<input type="radio" name="radioStation" value="10分以内">10分以内
<input type="radio" name="radioStation" value="15分以内">15分以内
<input type="radio" name="radioStation" value="駅までその他">駅までその他
</p>
<hr>
<h3>その他<h3>
<p>
<input type="checkbox" name="check01" value="フローリング">フローリング
<input type="checkbox" name="check02" value="バストイレ別">バストイレ別
<input type="checkbox" name="check03" value="エアコン付">エアコン付
<input type="checkbox" name="check04" value="オートロック">オートロック
<input type="checkbox" name="check05" value="システムキッチン">システムキッチン
<input type="checkbox" name="check06" value="洗面所別">洗面所別
<input type="checkbox" name="check07" value="BSアンテナ">BSアンテナ
<input type="checkbox" name="check08" value="インターネット接続可">インターネット接続可
<input type="checkbox" name="check09" value="ペット相談可">ペット相談可
</p>
<p>
<input type="checkbox" name="check10" value="2階以上">2階以上
<input type="checkbox" name="check11" value="南向き">南向き
<input type="checkbox" name="check12" value="角部屋">角部屋
<input type="checkbox" name="check13" value="バルコニー付">バルコニー付
<input type="checkbox" name="check14" value="駐車場あり">駐車場あり
</p>
<hr>
</form>
<script type="text/javascript">
<!--
function mapCondi(mapform) {
//map.closeInfoWindow();
//document.formMaps.mapsText.value = address;
//confirm(che);
var mc = " ";
//チェックボックス(地図)
for (var i = 0; i < mapform.length; i++) {
if (mapform.elements[i].type == "checkbox") {
if (mapform.elements[i].checked) {
mc += mapform.elements[i].value+" ";
}
}
}
document.bizFormName.q.value += mc;
document.bizFormName.q.value += checkCondition();
document.bizFormName.submit();
}
-->
</script>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAw62LLLwUBfCvRmpv4A8KPRRp297Otk07DxyiB50T5JB-QojG8xRnXTOLw3cVtd2R-6Tf1J_GD24EWA" type="text/javascript" charset="utf-8">
</script>
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
//map.addControl(new GOverviewMapControl());
map.setCenter(new GLatLng(35.6475876, 139.7126447), 15);
//アイコン生成
var icon = new GIcon();
icon.image = 'http://www19.atwiki.jp/ajiin?cmd=upload&act=open&pageid=13&file=nblue_Markern.png';
icon.iconSize = new GSize(30, 40);
icon.iconAnchor = new GPoint(10, 40); //画像の「基準点」
icon.infoWindowAnchor = new GPoint(20, 5); //情報ウィンドウの基準点
//マーカー生成
var sampleMarker = new GMarker(new GPoint(139.7147440016488, 35.64658783347681), icon);
//マップにマーカーをオーバーレイ表示
var sampleHtml = '<p><u>ここに情報を追加する</u></p><br>';
sampleHtml += '<p><font size="-1">2 投稿日：2009/3/11 12:19:56<br>';
sampleHtml += 'ここの交差点は朝の渋滞がひどいです。</font></p>';
GEvent.addListener(sampleMarker, 'click', function() {
sampleMarker.openInfoWindowHtml(sampleHtml);
});
map.addOverlay(sampleMarker);
var geocoder = new GClientGeocoder();
GEvent.addListener(map, 'click', function(overlay, point) {
geocoder.getLocations(point, function(addresses) {
if (addresses.Status.code != 200) {
//エラー処理
alert(address + " not found");
} else {
var ken = "", shi = "", tyo = "", ban = "", mitsi = "";
var hikihtml = '<h3>付近の情報</h3>';
if (addresses.Placemark[0]) {
hikihtml += addresses.Placemark[0].address+'<br>';
}
for (var i = 9; i >= 0; i--) {
if (addresses.Placemark[i]) {
//hikihtml += addresses.Placemark[i].address+'<br>';
if (addresses.Placemark[i].AddressDetails) {
if (addresses.Placemark[i].AddressDetails.Country) {
if (addresses.Placemark[i].AddressDetails.Country.AddressLine) {
if (addresses.Placemark[i].AddressDetails.Country.AddressLine[0]) {
mitsi = addresses.Placemark[i].AddressDetails.Country.AddressLine[0];
}
}
if (addresses.Placemark[i].AddressDetails.Country.AdministrativeArea) {
var adArea = addresses.Placemark[i].AddressDetails.Country.AdministrativeArea;
if (adArea.AdministrativeAreaName) {
ken = adArea.AdministrativeAreaName;
}
if (adArea.Locality) {
if (adArea.Locality.LocalityName) {
shi = adArea.Locality.LocalityName;
}
if (adArea.Locality.DependentLocality) {
if (adArea.Locality.DependentLocality.DependentLocalityName) {
tyo = adArea.Locality.DependentLocality.DependentLocalityName;
}
if (adArea.Locality.DependentLocality.Thoroughfare) {
if (adArea.Locality.DependentLocality.Thoroughfare.ThoroughfareName) {
ban = adArea.Locality.DependentLocality.Thoroughfare.ThoroughfareName;
}
}
}
}
}
}
}
}
}
hikihtml += '<form name="formMaps" onsubmit="mapCondi(this); return false;">';
if (ken) hikihtml += '<input type="checkbox" name="checkken" value='+ken+'> '+ken+'<br>';
if (shi) hikihtml += '<input type="checkbox" name="checkshi" value='+shi+'> '+shi+'<br>';
if (tyo) hikihtml += '<input type="checkbox" name="checktyo" value='+tyo+'> '+tyo+'<br>';
if (ban) hikihtml += '<input type="checkbox" name="checkban" value='+ban+'> '+ban+'<br>';
if (mitsi) hikihtml += '<input type="checkbox" name="checkmitsi" value='+mitsi+'> '+mitsi+'<br>';
hikihtml += '<input type="submit" value="検 索">';
hikihtml += '</form>';
map.openInfoWindowHtml(point, hikihtml);
}
});
});
//]]>
</script>
<script type="text/javascript">
<!--
//「移動する」ボタンを押されると実行されます
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(address, function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
});
}
}
-->
</script>
<script type="text/javascript">
<!--
var bizFormName = "AccelaBizSearchASPForm";
function checkCondition() {
var searchCondi = " ";
//間取り
for (var i = 1; i < document.formRoom.radioArrange.length; i++) {
if (document.formRoom.radioArrange[i].checked) {
searchCondi += document.formRoom.radioArrange[i].value+" ";
break;
}
}
//構造
for (var i = 1; i < document.formRoom.radioStructure.length; i++) {
if (document.formRoom.radioStructure[i].checked) {
searchCondi += document.formRoom.radioStructure[i].value+" ";
break;
}
}
//築年数
for (var i = 1; i < document.formRoom.radioYears.length; i++) {
if (document.formRoom.radioYears[i].checked) {
searchCondi += document.formRoom.radioYears[i].value+" ";
break;
}
}
//駅まで
for (var i = 1; i < document.formRoom.radioStation.length; i++) {
if (document.formRoom.radioStation[i].checked) {
searchCondi += document.formRoom.radioStation[i].value+" ";
break;
}
}
//チェックボックス(その他)
for (var i = 0; i < document.formRoom.length; i++) {
if (document.formRoom.elements[i].type == "checkbox") {
if (document.formRoom.elements[i].checked) {
searchCondi += document.formRoom.elements[i].value+" ";
}
}
}
//検索用文字列を返す
return searchCondi;
}
//-->
</script>
}}
#javascript(){{
<!-- BSZONE START NAME="BIZASP_BODY" -->
<!-- BSZONE END NAME="BIZASP_BODY" -->
<form action="#" onsubmit="showAddress(this.address.value); return false;">
<P>
<input type="text" size="40" name="address" value="恵比寿駅" />
<input type="submit" value="地図で移動する" /> (例：住所、駅名、有名な建物名)
</P>
</form>
<div id="map" style="width: 450px; height: 400px"></div>
<hr>
<link rel="alternate" type="application/rss+xml" title="テスト | RSS Result" href="http://bizsearch-asp.accelatech.com/bizasp/index.php?a=ANRS001&corpId=intern04">
<form name=bizFormName action="http://bizsearch-asp.accelatech.com/bizasp/index.php" method="GET" onsubmit="this.q.value += checkCondition(); return true;">
<input type="text" name="q" value="" size="40">
<input type="submit" value=" 検 索 ">
<input type="hidden" name="corpId" value="intern04">
<input type="hidden" name="en" value="">
<div class="pw">Powered by <a href="http://www.accelatech.com/" target="_blank">Accela BizSearch</a></div>
</form>
<h1>検索条件<h1>
<hr>
<form name="formRoom">
<h3>間取り<h3>
<p>
<input type="radio" name="radioArrange" value="NO" CHECKED>指定しない
<input type="radio" name="radioArrange" value="1R">1R
<input type="radio" name="radioArrange" value="1K">1K
<input type="radio" name="radioArrange" value="1DK">1DK
<input type="radio" name="radioArrange" value="1LDK">1LDK
<input type="radio" name="radioArrange" value="間取りその他">間取りその他
</p>
<hr>
<h3>構造<h3>
<p>
<input type="radio" name="radioStructure" value="NO" CHECKED>指定しない
<input type="radio" name="radioStructure" value="木造">木造
<input type="radio" name="radioStructure" value="鉄骨">鉄骨
<input type="radio" name="radioStructure" value="鉄筋">鉄筋
<input type="radio" name="radioStructure" value="構造その他">構造その他
</p>
<hr>
<h3>築年数<h3>
<p>
<input type="radio" name="radioYears" value="NO" CHECKED>指定しない
<input type="radio" name="radioYears" value="新築">新築
<input type="radio" name="radioYears" value="5年以内">5年以内
<input type="radio" name="radioYears" value="10年以内">10年以内
<input type="radio" name="radioYears" value="20年以内">20年以内
<input type="radio" name="radioYears" value="築年数その他">築年数その他
</p>
<hr>
<h3>駅まで<h3>
<p>
<input type="radio" name="radioStation" value="NO" CHECKED>指定しない
<input type="radio" name="radioStation" value="1分以内">1分以内
<input type="radio" name="radioStation" value="5分以内">5分以内
<input type="radio" name="radioStation" value="10分以内">10分以内
<input type="radio" name="radioStation" value="15分以内">15分以内
<input type="radio" name="radioStation" value="駅までその他">駅までその他
</p>
<hr>
<h3>その他<h3>
<p>
<input type="checkbox" name="check01" value="フローリング">フローリング
<input type="checkbox" name="check02" value="バストイレ別">バストイレ別
<input type="checkbox" name="check03" value="エアコン付">エアコン付
<input type="checkbox" name="check04" value="オートロック">オートロック
<input type="checkbox" name="check05" value="システムキッチン">システムキッチン
<input type="checkbox" name="check06" value="洗面所別">洗面所別
<input type="checkbox" name="check07" value="BSアンテナ">BSアンテナ
<input type="checkbox" name="check08" value="インターネット接続可">インターネット接続可
<input type="checkbox" name="check09" value="ペット相談可">ペット相談可
</p>
<p>
<input type="checkbox" name="check10" value="2階以上">2階以上
<input type="checkbox" name="check11" value="南向き">南向き
<input type="checkbox" name="check12" value="角部屋">角部屋
<input type="checkbox" name="check13" value="バルコニー付">バルコニー付
<input type="checkbox" name="check14" value="駐車場あり">駐車場あり
</p>
<hr>
</form>
<script type="text/javascript">
<!--
function mapCondi(mapform) {
//map.closeInfoWindow();
//document.formMaps.mapsText.value = address;
//confirm(che);
var mc = " ";
//チェックボックス(地図)
for (var i = 0; i < mapform.length; i++) {
if (mapform.elements[i].type == "checkbox") {
if (mapform.elements[i].checked) {
mc += mapform.elements[i].value+" ";
}
}
}
document.bizFormName.q.value += mc;
document.bizFormName.q.value += checkCondition();
document.bizFormName.submit();
}
-->
</script>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAw62LLLwUBfCvRmpv4A8KPRRp297Otk07DxyiB50T5JB-QojG8xRnXTOLw3cVtd2R-6Tf1J_GD24EWA" type="text/javascript" charset="utf-8">
</script>
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
//map.addControl(new GOverviewMapControl());
map.setCenter(new GLatLng(35.6475876, 139.7126447), 13);
//アイコン生成
var icon = new GIcon();
icon.image = 'http://www19.atwiki.jp/ajiin?cmd=upload&act=open&pageid=13&file=nblue_Markern.png';
icon.iconSize = new GSize(30, 40);
icon.iconAnchor = new GPoint(10, 40); //画像の「基準点」
icon.infoWindowAnchor = new GPoint(20, 5); //情報ウィンドウの基準点
//マーカー生成
var sampleMarker = new GMarker(new GPoint(139.7147440016488, 35.64658783347681), icon);
//マップにマーカーをオーバーレイ表示
var sampleHtml = '<p><u>ここに情報を追加する</u></p><br>';
sampleHtml += '<p><font size="-1">2 投稿日：2009/3/11 12:19:56<br>';
sampleHtml += 'ここの交差点は朝の渋滞がひどいです。</font></p>';
GEvent.addListener(sampleMarker, 'click', function() {
sampleMarker.openInfoWindowHtml(sampleHtml);
});
map.addOverlay(sampleMarker);
var geocoder = new GClientGeocoder();
GEvent.addListener(map, 'click', function(overlay, point) {
geocoder.getLocations(point, function(addresses) {
if (addresses.Status.code != 200) {
//エラー処理
alert(address + " not found");
} else {
var ken = "", shi = "", tyo = "", ban = "", mitsi = "";
var hikihtml = '<h3>付近の情報</h3>';
if (addresses.Placemark[0]) {
hikihtml += addresses.Placemark[0].address+'<br>';
}
for (var i = 9; i >= 0; i--) {
if (addresses.Placemark[i]) {
//hikihtml += addresses.Placemark[i].address+'<br>';
if (addresses.Placemark[i].AddressDetails) {
if (addresses.Placemark[i].AddressDetails.Country) {
if (addresses.Placemark[i].AddressDetails.Country.AddressLine) {
if (addresses.Placemark[i].AddressDetails.Country.AddressLine[0]) {
mitsi = addresses.Placemark[i].AddressDetails.Country.AddressLine[0];
}
}
if (addresses.Placemark[i].AddressDetails.Country.AdministrativeArea) {
var adArea = addresses.Placemark[i].AddressDetails.Country.AdministrativeArea;
if (adArea.AdministrativeAreaName) {
ken = adArea.AdministrativeAreaName;
}
if (adArea.Locality) {
if (adArea.Locality.LocalityName) {
shi = adArea.Locality.LocalityName;
}
if (adArea.Locality.DependentLocality) {
if (adArea.Locality.DependentLocality.DependentLocalityName) {
tyo = adArea.Locality.DependentLocality.DependentLocalityName;
}
if (adArea.Locality.DependentLocality.Thoroughfare) {
if (adArea.Locality.DependentLocality.Thoroughfare.ThoroughfareName) {
ban = adArea.Locality.DependentLocality.Thoroughfare.ThoroughfareName;
}
}
}
}
}
}
}
}
}
hikihtml += '<form name="formMaps" onsubmit="mapCondi(this); return false;">';
if (ken) hikihtml += '<input type="checkbox" name="checkken" value='+ken+'> '+ken+'<br>';
if (shi) hikihtml += '<input type="checkbox" name="checkshi" value='+shi+'> '+shi+'<br>';
if (tyo) hikihtml += '<input type="checkbox" name="checktyo" value='+tyo+'> '+tyo+'<br>';
if (ban) hikihtml += '<input type="checkbox" name="checkban" value='+ban+'> '+ban+'<br>';
if (mitsi) hikihtml += '<input type="checkbox" name="checkmitsi" value='+mitsi+'> '+mitsi+'<br>';
hikihtml += '<input type="submit" value="検 索">';
hikihtml += '</form>';
map.openInfoWindowHtml(point, hikihtml);
}
});
});
//]]>
</script>
<script type="text/javascript">
<!--
//「移動する」ボタンを押されると実行されます
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(address, function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 15);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
});
}
}
-->
</script>
<script type="text/javascript">
<!--
var bizFormName = "AccelaBizSearchASPForm";
function checkCondition() {
var searchCondi = " ";
//間取り
for (var i = 1; i < document.formRoom.radioArrange.length; i++) {
if (document.formRoom.radioArrange[i].checked) {
searchCondi += document.formRoom.radioArrange[i].value+" ";
break;
}
}
//構造
for (var i = 1; i < document.formRoom.radioStructure.length; i++) {
if (document.formRoom.radioStructure[i].checked) {
searchCondi += document.formRoom.radioStructure[i].value+" ";
break;
}
}
//築年数
for (var i = 1; i < document.formRoom.radioYears.length; i++) {
if (document.formRoom.radioYears[i].checked) {
searchCondi += document.formRoom.radioYears[i].value+" ";
break;
}
}
//駅まで
for (var i = 1; i < document.formRoom.radioStation.length; i++) {
if (document.formRoom.radioStation[i].checked) {
searchCondi += document.formRoom.radioStation[i].value+" ";
break;
}
}
//チェックボックス(その他)
for (var i = 0; i < document.formRoom.length; i++) {
if (document.formRoom.elements[i].type == "checkbox") {
if (document.formRoom.elements[i].checked) {
searchCondi += document.formRoom.elements[i].value+" ";
}
}
}
//検索用文字列を返す
return searchCondi;
}
//-->
</script>
}}
表示オプション
横に並べて表示：
変化行の前後のみ表示：
