「地図検索ページ」の編集履歴（バックアップ）一覧はこちら

「地図検索ページ」(2009/03/18 (水) 00:28:54) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#javascript(){{

<form action="#" onsubmit="showAddress(this.address.value); return false">
   <P>
      <input type="text" size="40" name="address" value="恵比寿1-19-19" />
      <input type="submit" value="住所から移動する" /> (例：渋谷区1-1)
   </P>
</form>
<div id="map" style="width: 600px; height: 400px"></div>

<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAw62LLLwUBfCvRmpv4A8KPRTYJJl6pItf8vw94ytre0jomSIClRQ7PJhQn_8uLpP85T0vOijRGsW5Cw" type="text/javascript" charset="utf-8">
</script>

<script type="text/javascript">
//<![CDATA[

   var map = new GMap2(document.getElementById("map"));
   map.addControl(new GSmallMapControl());
   map.addControl(new GOverviewMapControl());
   map.setCenter(new GLatLng(43.064615, 141.346807), 13);

   var geocoder = new GClientGeocoder();

   function clo() {
      map.closeInfoWindow();
      //document.formMaps.mapsText.value = address;
      //confirm(kens);
      //document.write("ああああああああああああああああああああああああああああああああああああああああ");
   }

   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 = '<h5>付近の情報<h5>';

            for (var i = 0; i < 10; i++) {
               if (addresses.Placemark[i]) {
                  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 += ken+'<br>';
            hikihtml += shi+'<br>';
            hikihtml += tyo+'<br>';
            hikihtml += ban+'<br>';
            hikihtml += mitsi+'<br>';

            hikihtml += '<form name="formMaps"><input type="button" value="閉じる" onclick="clo()"></form>';

            map.openInfoWindowHtml(point, hikihtml);
            
            //map.openInfoWindowHtml(point,'<form name="formMaps"><input type="text" name="mapsText"><input type="button" value="閉じる" onclick="clo(result.address)"></form>');

         }
      });
   });


   //「移動する」ボタンを押されると実行されます
   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 +
                         "<br>(lat=" + point.lat() +
                         ", lng=" + point.lng() + ")");
            }
          }
        );
      }
    }
	
//]]>
</script>


<hr>
<hr>
<hr>





<script type="text/javascript">
<!--
var bizFormName = "AccelaBizSearchASPForm";

var searchCondi = "";

function checkCondition() {
   //間取り
   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+" ";
         }
      }
   }

   //検索開始
   if (searchCondi != "") {
      document.bizFormName.q.value = searchCondi;
      return true;
   } else {
      return false;
   }
}
//-->
</script>
<!--
<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="return checkCondition()">
<input type="text" name="q" value="" size="15"> 
<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>


}}

#javascript(){{

<form action="#" onsubmit="showAddress(this.address.value); return false">
   <P>
      <input type="text" size="40" name="address" value="恵比寿1-19-19" />
      <input type="submit" value="住所から移動する" /> (例：渋谷区1-1)
   </P>
</form>
<div id="map" style="width: 600px; height: 400px"></div>

<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAw62LLLwUBfCvRmpv4A8KPRTYJJl6pItf8vw94ytre0jomSIClRQ7PJhQn_8uLpP85T0vOijRGsW5Cw" 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(43.064615, 141.346807), 13);

   var geocoder = new GClientGeocoder();

   function clo() {
      map.closeInfoWindow();
      //document.formMaps.mapsText.value = address;
      //confirm(kens);
      //document.write("ああああああああああああああああああああああああああああああああああああああああ");
   }

   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 = '<h5>付近の情報<h5>';

            for (var i = 0; i < 10; i++) {
               if (addresses.Placemark[i]) {
                  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 += ken+'<br>';
            hikihtml += shi+'<br>';
            hikihtml += tyo+'<br>';
            hikihtml += ban+'<br>';
            hikihtml += mitsi+'<br>';

            hikihtml += '<form name="formMaps"><input type="button" value="閉じる" onclick="clo()"></form>';

            map.openInfoWindowHtml(point, hikihtml);
            
            //map.openInfoWindowHtml(point,'<form name="formMaps"><input type="text" name="mapsText"><input type="button" value="閉じる" onclick="clo(result.address)"></form>');

         }
      });
   });


   //「移動する」ボタンを押されると実行されます
   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 +
                         "<br>(lat=" + point.lat() +
                         ", lng=" + point.lng() + ")");
            }
          }
        );
      }
    }
	
//]]>
</script>


<hr>
<hr>
<hr>





<script type="text/javascript">
<!--
var bizFormName = "AccelaBizSearchASPForm";

var searchCondi = "";

function checkCondition() {
   //間取り
   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+" ";
         }
      }
   }

   //検索開始
   if (searchCondi != "") {
      document.bizFormName.q.value = searchCondi;
      return true;
   } else {
      return false;
   }
}
//-->
</script>
<!--
<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="return checkCondition()">
<input type="text" name="q" value="" size="15"> 
<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>


}}