Auld Lang Syne 2

¥µ¥Ý¡¼¥È¥Ö¥í¥°À½ºîÃæ
¥µ¥Ý¡¼¥È¥Ö¥í¥°¤È¤Ê¤ëauldlangsyne3¤òÀ½ºî¤·¤Æ¤ª¤ê¤Þ¤¹¡£¡Ê¤È¤¤¤Ã¤Æ¤â¤Þ¤ÀÁ´¤¯¼è¤êÁȤó¤Ç¤¤¤Þ¤»¤ó¤¬¡£¡£¡Ë

¤³¤Î¥Ö¥í¥°auldlangsyne2¤Ïµ»½Ñ¥á¥â¤Î¤è¤¦¤Ê¥Ö¥í¥°¤Ë¤¹¤ëͽÄê¤Ç¡¢Æü¡¹¤ÎÆüµ­¤ä¿¿ÌëÃæ¥Ê¥Ó¤Î»È¤¤Êý¤Ê¤É°ìÈÌŪ¤Ê¤³¤È¤Ï¡¢auldlangsyne3¤Ë½ñ¤¯Í½Äê¤Ç¤¹¡£

ºÇ¶á¤Ï¥É¥é¥¤¥¢¥¤¡Ê´ãÀºÈèÏ«¡©¡Ë¤Ë¶ì¤·¤ó¤Ç¤¤¤Þ¤¹¡£¸¶°ø¤Ï¤ª¤½¤é¤¯¥È¥ê¥Î¥ª¥ê¥ó¥Ô¥Ã¥¯¤ÈÃÈ˼¡Ê¥Ò¡¼¥¿¡¼¡Ë¤Ç¤·¤ç¤¦¡£
AjaxÃí°Õ»ö¹à¥á¥â
Ajax¡Ê¤È¤¤¤Ã¤Æ¤âGoogle Maps API¡Ë¤ò»È¤¦Ãæ¤Çº¤¤Ã¤¿¤³¤È¤ò¤¢¤ì¤³¤ì¥á¥â¡ÊÉÔÄê´ü¤ËÄɲáË

¡¦XMLÃæ¤ËȾ³Ñ¤Î & < > ' " ¤¬º®Æþ(XML ¥¨¥é¡¼¥á¥Ã¥»¡¼¥¸¤¬É½¼¨¤µ¤ì¤¿¾ì¹ç¤ÎÂнèË¡»²¾È)
£Ç£ï£ï£ç£ì£å £Í£á£ð£ó £Á£Ð£É ¤òưŪ¤Ë»È¤¦ ¡Ý£ö£ï£ì.3¡Ý
¥Æ¡¼¥Þ¡§
¡ÖGoogle Maps API(°Ê²¼¡¢GMA) ¤È PHP + MySQL ¤òϢư¤·¡¢É½¼¨Îΰè¤Ë±þ¤¸¤¿¥Ç¡¼¥¿¤ò¥Ç¡¼¥¿¥Ù¡¼¥¹¤«¤é¼èÆÀ¤·¡¢ÃϿޤËɽ¼¨¤¹¤ë¡×

¸¡º÷¥¨¥ó¥¸¥ó¤«¤é¤³¤é¤ì¤¿Êý¤Ïvol.1¤è¤ê¤´Í÷¤¯¤À¤µ¤¤

map.php

<?php

/*
¤³¤Î¥¹¥¯¥ê¥×¥È¤Ï¥»¥­¥å¥ê¥Æ¥£½èÍý¡¢¥¨¥é¡¼½èÍýÅù¤ò¾Êά¤·¤Æ¤¤¤Þ¤¹¡£
±¿ÍѤκƤˤϡ¢É¬¤º¡¢¥»¥­¥å¥ê¥Æ¥£½èÍý¡¢¥¨¥é¡¼½èÍý¤ò»Ü¤·¤Æ¤¯¤À¤µ¤¤¡£
*/

// ÊÑ¿ô¤Î¼õ¤±¼è¤ê
$minX = $_GET["minX"];
$minY = $_GET["minY"];
$manX = $_GET["maxX"];
$maxY = $_GET["maxY"];

// SQL¡Ê¥Æ¡¼¥Ö¥ëADDRESSBOOK¤«¤é³ºÅö¥Ç¡¼¥¿¤ò¼è¤ê½Ð¤¹¥¯¥¨¥êʸ¡Ë
$SQL = "SELECT longitude,latitude FROM ADDRESSBOOK WHERE longitude > $minX and longitude < $maxX and latitude > $minY and latitude < $maxY ";

// MySQL¤ËÀܳ¤·¡¢¥¯¥¨¥êʸ¤ò¼Â¹Ô
$conn = mysql_connect(- ¾Êά -);
mysql_select_db(- ¾Êά -¡Ë;
$res = mysql_query($SQL,$conn);
$res_num = mysql_num_rows($res);

//°Ê²¼¡¢XML½ÐÎÏ
// UTF-8¤ËÀßÄê¡Êɬ¿Ü¡ª¡Ë
mb_http_output('UTF-8');
header("Content-type: text/xml; charset=UTF-8");

print "<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<markers>
";
$i = 0;
while($row = mysql_fetch_array($res) and $i < $res_num){
¡¡// ¥¨¥ó¥³¡¼¥É¤òÊÑ´¹(EUC¤«¤éUTF-8¤ÎÎã)
¡¡mb_convert_variables("UTF-8", "EUC-JP",$row);
¡¡$xml = "<marker longitude=\"".$row["longitude"]."\" latitude=\"".$row["latitude"]."\" />";
¡¡print $xml;
¡¡$i++;
}
print "
</markers>
";

?>

¤³¤Î¥¹¥¯¥ê¥×¥È¤Ï°Ê²¼¤Î¤è¤¦¤ÊXML¤ò½ÐÎϤ·¤Þ¤¹¡Ê¤È¤¤¤¦¤«XML¤ò½ÐÎϤ¹¤ë¤À¤±¤Ç¤¹¡Ë¡£¤³¤ì¤òmap.html¤Ç¤Ï¡¢request.responseXML¤È¤·¤Æ¼õ¤±¼è¤ê¤Þ¤¹¡£

<?xml version="1.0" encoding="UTF-8"?>
<markers>
<marker longitude="139.71" latitude="35.5" />
<marker longitude="139.76" latitude="35.6" />
<marker longitude="139.80" latitude="35.7" />
</markers>

°Ê¾å¡¢map.html¤Èmap.php¤ÎÁȹ礻¤Ç¡¢É½¼¨Îΰè¤Ë±þ¤¸¤Æ¥Þ¡¼¥«¡¼¤¬¥Ý¥³¥Ý¥³¤Èɽ¼¨¤µ¤ì¤ë¤è¤¦¤Ë¤Ê¤ê¤Þ¤¹¡£¡Ê³Æ¥¹¥¯¥ê¥×¥È¤ÎÌò³ä¤Ïvol.1¤Î½èÍý¤Îή¤ì¤ò»²¾È¡Ë

[Ãí°Õ»ö¹à]
¥Ç¡¼¥¿¤¬¿ôÉ´·ïÄøÅ٤ʤ顢ưŪ¤ËXML¤ò½ÐÎϤ¹¤ëɬÍפϤʤ¤¤È»×¤¤¤Þ¤¹¡£

[»²¹Í¥µ¥¤¥È]
¡¦Google Maps API Documentation¡§GMA¸ø¼°¥É¥­¥å¥á¥ó¥Æ¡¼¥·¥ç¥ó
¡¦Google Maps API ¥¯¥é¥¹¥ê¥Õ¥¡¥ì¥ó¥¹ °ÕÌõ¤È¥µ¥ó¥×¥ë¡§GMA¤ÎÆüËܸì¥ê¥Õ¥¡¥ì¥ó¥¹
¡¦Web::Blogoscope: Google Maps API²òÀâ¡§GMA¤ÎƳÆþÊýË¡¡¢´ðËÜÁàºî¤ÎÀâÌÀ
¡¦¿¿ÌëÃæ¥Ê¥Ó ÃϿޤ«¤éõ¤¹¡ª¿¼Ìë±Ä¶È¤Î¤ªÅ¹¡§¼ÂÍÑÎã¡Ê¤´¤á¤ó¤Ê¤µ¤¤¡£ÀëÅÁ¤Ç¤¹...¡£¡Ë

[¸å½ñ¤­]
¤â¤Ã¤È»öºÙ¤«¤Ë½ñ¤¯Í½Äê¤Ç¤·¤¿¤¬¡¢¥½¡¼¥¹¤Ë¥³¥á¥ó¥È¤ò¤Ä¤±¤Æ½ñ¤¯¤À¤±¤ÇÎϤĤ­¤Æ¤·¤Þ¤¤¡¢Å¬Å٤˾ʤ¤¤Æ¤·¤Þ¤¤¤Þ¤·¤¿<(_ _)>
Google Maps API ¤òưŪ¤Ë»È¤¦ ¡Ývol.2¡Ý
¥Æ¡¼¥Þ¡§
¡ÖGoogle Maps API(°Ê²¼¡¢GMA) ¤È PHP + MySQL ¤òϢư¤·¡¢É½¼¨Îΰè¤Ë±þ¤¸¤¿¥Ç¡¼¥¿¤ò¥Ç¡¼¥¿¥Ù¡¼¥¹¤«¤é¼èÆÀ¤·¡¢ÃϿޤËɽ¼¨¤¹¤ë¡×

¸¡º÷¥¨¥ó¥¸¥ó¤«¤é¤³¤é¤ì¤¿Êý¤Ïvol.1¤è¤ê¤´Í÷¤¯¤À¤µ¤¤

map.html¤Î¥½¡¼¥¹ ¡Êɽ¼¨¤ÎÅÔ¹ç¾å¡¢°ìÉô¡¢Á´³Ñµ­¹æ¡¦Á´³Ñ¥¹¥Ú¡¼¥¹¤ò»ÈÍѤ·¤Æ¤ª¤ê¤Þ¤¹¡£¡Ë

<html>
<head> ¾Êά </head>
<body>
<div id="map" style="width:500px; height:400px"></div><!-- ¤³¤³¤ËÃϿޤòɽ¼¨ -->

<script src="http://maps.google.com/maps?file=api&v=1&key="****************" type="text/javascript"></script><!-- API¥­¡¼¤òµ­½Ò -->

<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.centerAndZoom(new GPoint(139.766103, 35.681391), 4); // ÃÏ¿ÞÃæ¿´¡ÊÅìµþ±Ø¡Ë
// ¥É¥é¥Ã¥°¤Ç°Üư½ªÎ»¸å¤Ë¥¨¥ê¥¢¤ËÂбþ¤¹¤ë¥Þ¡¼¥«¡¼¤òɽ¼¨
GEvent.addListener(map, "moveend", function() {
¡¡¡¡map.clearOverlays(); // ɽ¼¨ºÑ¤Î¥Þ¡¼¥«¡¼¤ò¾Ãµî¡Ê¢¨1¡Ë
¡¡¡¡plot_marker(map);
});

// ÃϿ޾å¤Ë¥Þ¡¼¥«¡¼¤òɽ¼¨¤¹¤ë´Ø¿ô (°ú¿ômap¤Ï¾Êά²Ä)
function plot_marker(map){

¡¡¡¡// ɽ¼¨Îΰè¾ðÊó¤ò¼èÆÀ¤·¡¢¥¯¥¨¥ê¡¼¥¹¥È¥ê¥ó¥°¤È¤·¤Æmap.php¤Ë¼õ¤±ÅϤ¹½àÈ÷
¡¡¡¡var bound = map.getBoundsLatLng(); // ɽ¼¨Îΰè¾ðÊó¤ò¼èÆÀ
¡¡¡¡var url = "map.php?minX="¡Übound.minX¡Ü"&minY="+bound.minY¡Ü"&maxX="¡Übound.maxX¡Ü"&maxY="¡Übound.maxY;
¢¬É½¼¨¤ÎÅÔ¹ç¾å¡¢Á´³Ñ¡Üµ­¹æ¤ò»È¤Ã¤Æ¤¤¤Þ¤¹¡£

¡¡¡¡// XMLHttpRequest¥ª¥Ö¥¸¥§¥¯¥È¤òÀ¸À®
¡¡¡¡var request = GXmlHttp.create();

¡¡¡¡// GET¥á¥½¥Ã¥É¤Çurl¤òÈ󯱴ü(true)¤Ë³«¤¯
¡¡¡¡request.open("GET",url,true);

¡¡¡¡// ¥³¡¼¥ë¥Ð¥Ã¥¯´Ø¿ô¡Êmap.php¤«¤éÊÖ¤µ¤ì¤ëXML(¢¨2)¤ò²òÀÏ¡Ë
¡¡¡¡request.onreadystatechange = function() {
¡¡¡¡¡¡¡¡if (request.readyState == 4) {
¡¡¡¡¡¡¡¡¡¡¡¡ var res = request.responseXML;
¡¡¡¡¡¡¡¡¡¡¡¡ // XML¤Îmarker¥¿¥°Í×ÁǤÎÇÛÎómarkers¤òºî¤ë
¡¡¡¡¡¡¡¡¡¡¡¡ var markers = res.documentElement.getElementsByTagName("marker");

¡¡¡¡¡¡¡¡¡¡¡¡ // for¥ë¡¼¥×¤ÇÃϿ޾å¤Ë¥Þ¡¼¥«¡¼¤ò1¤Ä¤º¤Ä¥×¥í¥Ã¥È¤·¤Æ¤¤¤¯¡Ê¢¨3¡Ë
¡¡¡¡¡¡¡¡¡¡¡¡ // perseFloat´Ø¿ô¤ÏÍ¿¤¨¤é¤ì¤¿Ê¸»ú·¿¤Î°ú¿ô¤ò¼Â¿ôÃͤËÊÑ´¹¤¹¤ë´Ø¿ô
¡¡¡¡¡¡¡¡¡¡¡¡ for (var i = 0; i < markers.length; i++) {
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ var lon = parseFloat(markers[i].getAttribute("longitude"));
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ var lat = parseFloat(markers[i].getAttribute("latitude"));
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ var point = new GPoint(lon,lat);
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ var marker = new GMarker(point);
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ map.addOverlay(marker);
¡¡¡¡¡¡¡¡¡¡¡¡}
¡¡¡¡¡¡¡¡}
¡¡¡¡}
¡¡¡¡request.send(null); // Á÷¿®
}

//]]>
</script>
</body>
</html>


ɽ¼¨Îΰè¾ðÊó¤ò¼èÆÀ¤·¡¢¥¯¥¨¥ê¡¼¥¹¥È¥ê¥ó¥°¤È¤·¤Æmap.php¤Ë¼õ¤±ÅϤ¹¤³¤È¤¬¥Ý¥¤¥ó¥È¤Ç¡¢¤½¤Î¾¤ÏAjax¡Ê¤È¤¤¤¦¤«GMA¡Ë¤Îŵ·¿¥Ñ¥¿¡¼¥ó¤Ç¤¹¡£

¡Ê¢¨1¡Ë
clearOverlays() ¤ÏIE¤Ç¤ÏÀµ¾ï¤Ëµ¡Ç½¤·¤Ê¤¤¤³¤È¤â¤¢¤ë¤Î¤Ç¡¢removeOverlay(overlay) ¤ò·«¤êÊÖ¤·¤Æ¥Þ¡¼¥«¡¼¤ò¤Ò¤È¤Ä¤º¤Ä¾Ã¤·¤Æ¤¤¤¯ÊýË¡¤òÍѤ¤¤ë¤³¤È¤¬Â¿¤¤¤è¤¦¤Ç¤¹¡£

¡Ê¢¨2¡Ë
map.php¤«¤é¤Ï¼¡¤Î¤è¤¦¤ÊXML¤¬ÊÖ¤µ¤ì¤Þ¤¹
<?xml version="1.0" encoding="UTF-8"?>
<markers>
<marker longitude="139.71" latitude="35.5" />
<marker longitude="139.76" latitude="35.6" />
<marker longitude="139.80" latitude="35.7" />
</markers>

¡Ê¢¨3¡Ë
¾å¤ÎXML¤Î¾ì¹ç¤³¤ó¤Ê´¶¤¸¤Ë¤Ê¤ê¤Þ¤¹¡£
parseFloat(markers[0].getAttribute("longitude")) ¢ª 139.71
parseFloat(markers[1].getAttribute("longitude")) ¢ª 139.76
parseFloat(markers[2].getAttribute("longitude")) ¢ª 139.80

vol.3¤Ç¤ÏXML¤ò½ÐÎϤ¹¤ë¤¿¤á¤Î¥¹¥¯¥ê¥×¥Èmap.php¤Î¥½¡¼¥¹¥µ¥ó¥×¥ë¤ò¼¨¤·¤Þ¤¹¡£
Google Maps API ¤òưŪ¤Ë»È¤¦ ¡Ývol.1¡Ý
¥Æ¡¼¥Þ¡§
¡ÖGoogle Maps API(°Ê²¼¡¢GMA) ¤È PHP + MySQL ¤òϢư¤·¡¢É½¼¨Îΰè¤Ë±þ¤¸¤¿¥Ç¡¼¥¿¤ò¥Ç¡¼¥¿¥Ù¡¼¥¹¤«¤é¼èÆÀ¤·¡¢ÃϿޤËɽ¼¨¤¹¤ë¡×

¤Ï¤¸¤á¤Ë¡§
GMA¤Ë¤Ä¤¤¤ÆÆüËܸì¤Ç½ñ¤«¤ì¤¿¾ðÊ󤬾¯¤Ê¤¤¤Î¤Ç¡¢¼ÂÁ©Åª¤Ê¥µ¥¤¥ÈÀ½ºî¤Î»²¹Í¤Ë¤·¤Æ¤¤¤¿¤À¤±¤ì¤Ð¹¬¤¤¤Ç¤¹¡£¤¿¤À¤·¡¢Ê¸¾Ï¤ò½ñ¤¯¤Î¤¬¶ì¼ê¤Ê¤Î¤Ç¡¢¤¦¤Þ¤¯ÀâÌÀ¤Ç¤­¤Æ¤¤¤Ê¤¤¤«¤â¤·¤ì¤Þ¤»¤ó¤¬¡¢¤½¤³¤Î¤È¤³¤í¤Ï¤´ÍƼϤ¯¤À¤µ¤¤¡£

Á°Äó¡§
¡¦Ajax(Google Maps API´Ø·¸), Javascript, PHP, (MySQL)¤Î´ðÁÃÃμ±
¡¦¥»¥­¥å¥ê¥Æ¥£½èÍý¡¢¥¨¥é¡¼½èÍý¡¢¥«¥¹¥¿¥Þ¥¤¥º½èÍý¤Ï¾Êά¡Ê¥¨¥Ã¥»¥ó¥¹¤Î¤ßµ­Æþ¡Ë

¥¹¥¯¥ê¥×¥È³µÍס§
map.html ÃϿޤòɽ¼¨¤¹¤ë¥¹¥¯¥ê¥×¥È(HTML,Javascript¡Ë
map.php ɽ¼¨Îΰè¤ËÂбþ¤·¤¿¥Ç¡¼¥¿¤òDB¤«¤é¼è¤ê½Ð¤·¡¢map.html¤ËXML¤òÊÖ¤¹¥¹¥¯¥ê¥×¥È¡ÊPHP¡Ë

½èÍý¤Îή¤ì
(1) map.html¤ÇÃÏ¿ÞÎΰè¤ò¼èÆÀ
(2) Îΰè¤ò¥¯¥¨¥ê¡¼¥¹¥È¥ê¥ó¥°¤È¤·¤Æ¡ÊGET¥á¥½¥Ã¥É¤Ç¡Ëmap.php¤Ë¼õ¤±ÅϤ·
(3) map.php¤ÇÂбþ¤¹¤ë¥Ç¡¼¥¿¤òDB¤«¤é¼è¤ê½Ð¤·¡¢XML¤È¤·¤Æ½ÐÎÏ
(4) ½ÐÎϤµ¤ì¤¿XML¤ò¼õ¤±¼è¤ë¡Êvar res = request.responseXML¡Ë
(5) ¼õ¤±¼è¤Ã¤¿¥Ç¡¼¥¿¤òÃϿ޾å¤Ëɽ¼¨¤·¤Æ¤¤¤¯¡Êfor¥ë¡¼¥×¡Ë

¢ª(2)¡Á(4)¤Î²áÄø¤¬¥µ¡¼¥Ð¡¼¤È¤ÎÈ󯱴üÄÌ¿®¤Ç¤¹¡£
vol.2¤Ëmap.html, vol.3¤Ëmap.php¤Î¥µ¥ó¥×¥ë¥½¡¼¥¹¤ò¼¨¤·¤Þ¤¹¡£
¥Ö¥í¥°À°Íýºî¶È
¥Ö¥í¥°¤Î²þ¤¤òͽÄꤷ¤Æ¤¤¤Þ¤¹¡£

¡¦µ»½ÑBlog¡§µ»½Ñ·Ï¤ÎÆüµ­¡¦¥á¥â¡¦¥ê¥ó¥¯¡£
¡¦¹¹¿·¥á¥âBlog¡§¿¿ÌëÃæ¥Ê¥Ó¤Î¼è¤ê°·¤¤ÀâÌÀ¤Ê¤É¡£¹¹¿·ÍúÎò¤Ê¤É¡£

Auld Lang Syne 2¤Ïµ»½Ñ·Ï¤Ë»È¤¦Í½Äê¤Ç¤¹¡£¡ÊFC2 BLOGÍͤϼ«Í³ÅÙ¤¬¹â¤è¤¦¤Ê¤Î¤Ç¡Ë

¤â¤¦¤Ò¤È¤Ä¤Ï¤É¤³¤«¿·¤·¤¤¤È¤³¤í¡Ê¥Ö¥í¥°¥µ¡¼¥Ó¥¹¡Ë¤Î¤ò¼Ú¤ê¤ëͽÄê¤Ç¤¹¡£¤³¤³¤Ë¤Þ¤È¤á¤Æ½ñ¤±¤ÐºÑ¤à¤È¸À¤¨¤ÐºÑ¤à¤Î¤Ç¤¹¤¬....

¡¦¥µ¥¤¥ÈÀ½ºî¼Ô¤Îü¤¯¤ì¤È¤·¤Æ¤Îõµá¿´¤¬¤¢¤ë¤Î¤Ç¡¢¤¤¤í¤¤¤í¤Ê¤È¤³¤í¤Î¥µ¡¼¥Ó¥¹¤ò»È¤Ã¤Æ¤ß¤¿¤¤
¡¦1¤Ä¤Î¡Ê´ë¶È¤Î¡Ë¥µ¡¼¥Ó¥¹¤Ë¤¢¤ì¤³¤ìÃÖ¤¯¤Î¤Ï¥ê¥¹¥¯¤¬Â礭¤¤

¤Ê¤É¤Ê¤É¡£

¤È¤ê¤¢¤¨¤º¤´Êó¹ð¡£
Google Maps API ¡Ê³4¡Ë ¡Á´°À®¡Á
ÃϿ޸¡º÷¤Î¥ê¥Ë¥å¡¼¥¢¥ëºî¶È¤ò»Ï¤á¤Æ¤«¤éÌó1½µ´Ö¡£¤ä¤Ã¤Èɽ¤Ë½Ð¤»¤ëÃʳ¬¤Þ¤Ç»ý¤Ã¤Æ¤¤¤±¤Þ¤·¤¿¡£À§È󡢻ȤäƤä¤Ã¤Æ¤¯¤À¤µ¤¤¡£¢ÍÅìµþÈÇ¿ÀÆàÀîÈǺë¶ÌÈÇÀéÍÕÈÇ

[¼ç¤ÊÆÃħ]
¡¦ÃϿ޾å¤ò¥É¥é¥Ã¥°¤Ç¼«Í³¤Ë°Üư¢Í°Üư½ªÎ»»þ¤Ë¼«Æ°¸¡º÷³«»Ï
¡¦É½¼¨¥Þ¡¼¥«¡¼¤ò¥¯¥ê¥Ã¥¯¢Í¤ªÅ¹¥¬¥¤¥É¥Ú¡¼¥¸¤Ø¤Î¥ê¥ó¥¯¤òɽ¼¨
¡¦ÃϿޤÈϢư¤·¤¿¤ªÅ¹¥ê¥¹¥È¤òɽ¼¨ new
¡¦¥ï¡¼¥×µ¡Ç½¤Ë¤è¤ê¼çÍױؤ˥¸¥ã¥ó¥× new
¡¦¥¸¥ã¥ó¥ë»ØÄ굡ǽ¤Ë¤è¤ë¹Ê¹þ¸¡º÷ new
¡¦¥Ú¡¼¥¸¥ó¥°µ¡Ç½¤Ë¤è¤ê200·ï¤Þ¤ÇƱ»þ¸¡º÷²Äǽ new

¤Ê¤ó¤À¤«PC¥½¥Õ¥È¤ÎÀëÅÁʸ¶ç¤ß¤¿¤¤¤Ç¤¹¤¬¡¢¼ÂºÝ¤Îưºî¤âWEB¥µ¥¤¥È¤È¤¤¤¦¤è¤ê¡¢¥½¥Õ¥È¤Ë¶á¤¤´¶¤¸¤Ë»Å¾å¤¬¤Ã¤¿¤È»×¤¤¤Þ¤¹¡£

[ºîÀ®¸å¤Î´¶ÁÛ]
½»½ê¤«¤é¼«Æ°Åª¤Ë°Þ·ÐÅÙ¤ò¼èÆÀ¤·¤¿¤Î¤Ç¡¢¤±¤Ã¤³¤¦¥º¥ì¤Æ¤ë¤Ê¤¡¤ÈÈ¿¾Ê¡£¤¿¤À¡¢¤³¤ì¤ÇÈÓ¤ò¿©¤¦¤È¤¤¤¦¤Î¤Ê¤éÏä·¤ÏÊ̤Ǥ¹¤¬¡¢¥Õ¥ê¡¼¤Ê¥µ¥¤¥È¤Ê¤Î¤Ç¡¢7000·ï°Ê¾å¤Î¥Ç¡¼¥¿¤ò³Îǧ&ÆþÎϤ¹¤ëºî¶È¤Ï¤µ¤¹¤¬¤Ë´ªÊÛ¤·¤Æ¤¯¤À¤µ¤¤¡£Æü¤¬Êë¤ì¤ë¤È¤¤¤¦¤«¤¤¤¦¼¡¸µ¤Ç¤Ï¤Ê¤¯¡¢¤½¤ì¤³¤½ËÜÅö¤Ë»à¤ó¤Ç¤·¤Þ¤¦¤Î¤Ç...¡£
Google Maps API ¡Ê³3¡Ë ¥¢¥×¥ê¤Ã¤Ý¤¯¤Ê¤Ã¤Æ¤­¤¿
º£Æü¤âÃϿ޸¡º÷¤Î¤¿¤á¤Îºî¶È¡£

Javascrpit,XML(DOM)¤À¤È¤«´·¤ì¤Ê¤¤¤â¤Î¤Ë¼ê¤ò¾Æ¤­¤Ä¤Ä¤â¡¢Ãå¼Â¤Ë¿Ê¤ó¤Ç¤¤¤Þ¤¹¡£

ºî¶È¥á¥â

¡¦¥Ú¡¼¥¸¥ó¥°¡ÊÁ°¤Î¡Á·ï¡¢¼¡¤Î¡Á·ï¡Ë
¡¦¥·¥ç¥Ã¥×¥ê¥¹¥Èɽ¼¨
¡¦ÃϿ޾å¤Î¥Þ¡¼¥«¡¼¤È¥ê¥¹¥È¤ÎÏ¢·È

¤ò¤Î¼ÂÁõ½ª¤¨¤Þ¤·¤¿¡Ê¤â¤Á¤í¤ó¡¢¤Þ¤À¥µ¥¤¥È¾å¤Ë¤ÏÈ¿±Ç¤·¤Æ¤Þ¤»¤ó¡Ë¡£

¾åµ­¤Îµ¡Ç½¤ò¤Ä¤±¤ë¤È¡¢ÉԻ׵Ĥȡ֤ª¤Þ¤±¡×¤«¤é¡Ö¤Á¤ç¤Ã¤È¤·¤¿¥¢¥×¥ê¡×¤ËÊѤï¤Ã¤¿µ¤¤¬¤·¤Þ¤¹¡£
Google Maps API ¡Ê³2¡Ë ¥¨¥é¡¼ÃϹö
ÃϿޤ«¤éõ¤¹¤¿¤á¤Î¿·¥·¥¹¥Æ¥à¹½ÃۤϽçÄ´¤È»×¤¤¤­¤ä...

¥¨¥é¡¼ÃϹö¤Ë½±¤ï¤ì¤Þ¤·¤¿¡£

¤¿¤Ã¤¿°ì¤Ä¤Î¥¨¥é¡¼¤Ç¡¢¤ª¤è¤½5»þ´Ö¤â¤¬¤­¶ì¤·¤ó¤Ç¡¢º£¤è¤¦¤ä¤¯²ò·è¤·¤Þ¤·¤¿¡£¡Ê¤â¤¦»à¤Ë¤½¤¦¡Ë

¤É¤ó¤Ê¤Î¤«¤È¸À¤¦¤È¡¢ÃϿ޾å¤ÇÆÃÄê¤ÎÃϰè¡Ê¾®´ä¼þÊդʤɡˤÀ¤±¡¢documentElement¤Ïnull¤Þ¤¿¤Ï¥ª¥Ö¥¸¥§¥¯¥È¤Ç¤Ï¤¢¤ê¤Þ¤»¤ó¡ÊIE¡Ë¤È¤¤¤Ã¤¿¥¨¥é¡¼¤¬½Ð¤ë¤Î¤Ç¤¹¡ª

»È¤Ã¤Æ¤¤¤ë¤Î¤Ï¡ÖJavascript¢ÍPHP¤ÇXML½ÐÎÏ¢ÍJavascript¡×¤È¤¤¤¦Åµ·¿Åª¤ÊAJAX+PHP¤Î¥·¥¹¥Æ¥à¤Ç¤¹¡£É½¼¨¥Ç¡¼¥¿¤Î¸µ¤È¤Ê¤ëXML¤ÏPHP¤Ç¼«Æ°Åª¤Ë¡ÊƱ°ì·Á¼°¤Ç¡Ë½ÐÎϤµ¤ì¤ë¤Î¤Ç¡¢ÆÃÄê¤ÎÃϰè¤À¤±¡¢¡Önull¤Þ¤¿¤Ï¥ª¥Ö¥¸¥§¥¯¥È¤Ê¤·¡×¤È¤Ê¤ë¤Ê¤É¤¢¤ê¤¨¤Þ¤»¤ó¡£

º£¤Þ¤Ç¥¨¥é¡¼¤Ëµ¤¤Å¤«¤Ê¤«¤Ã¤¿¤³¤È¤òÈ¿¾Ê¤¹¤ë¤È¤È¤â¤Ë¡¢¤Ê¤¼¡©¡©¡©¤Èº¤ÏǤ·¤Ê¤¬¤é¤â¡¢½¤Àµºî¶È¤ËÃå¼ê¡£

¸¶°øÉÔÌÀ¤Ê¤Î¤Ç¡¢¤Ï¤¸¤á¤ËdocumentElement¤òµ­½Ò¤·¤Æ¤¤¤ëJavascript¤òµ¿¤¤¤Þ¤·¤¿¡£Javascript¤ËÉÔ´·¤ì¤Ê¤³¤È¤â¤¢¤ê¡¢¤³¤³¤Ë¸¶°ø¤¬¤¢¤ë¤È»×¤Ã¤Æ¤¤¤¿¤Î¤Ç¤¹¤¬¡¢¤¤¤¯¤é¤ä¤Ã¤Æ¤â¥À¥á¤Ç¤·¤¿¡Ê°¥¡Ë¡£

¼¡¤ËXML¤ò½ÐÎϤ¹¤ëPHP¥¹¥¯¥ê¥×¥È¤òµ¿¤¤¤Þ¤·¤¿¤¬¡¢¤Þ¤Ã¤¿¤¯¥¨¥é¡¼¤Î¸¶°ø¤È¤Ê¤ëÍ×ÁǤϤ¢¤ê¤Þ¤»¤ó¤Ç¤·¤¿¡£

¡Ö¤­¤Ã¤ÈGoogle map api ¤Ï¾®´ä¤¬·ù¤¤¤Ê¤ó¤À¡ª¤½¤¦¤À¡¢¤½¤¦¤Ë°ã¤¤¤Ê¤¤...¡£¥¢¥á¥ê¥«¤Î¥µ¡¼¥Ó¥¹¤À¤·¡×¤ÈÄü¤á¥à¡¼¥É¤Ê¤¬¤é¡¢¼êÅö¤¿¤ê¼¡Âè¤Ë¤¤¤í¤¤¤í»î¤·¤Æ¤¤¤¿¤é¡¢¤Õ¤È¤·¤¿¤³¤È¤Ç¿¿¤Î¸¶°ø¤ò¤Ä¤­¤È¤á¤ë¤³¤È¤¬¤Ç¤­¤Þ¤·¤¿¡£

¿¿¤Î¸¶°ø¤Ï¤Ê¤ó¤È...

¤ªÅ¹¤Î̾Á°¤À¤Ã¤¿


¤Î¤Ç¤¹¡ª

PHP¤ÇXML¤ò½ÐÎϤ¹¤ëºÝ¤Ë¡¢¤ªÅ¹¤Î̾Á°¤ËȾ³Ñ¤Î&¤¬Æþ¤Ã¤Æ¤¤¤ë¤³¤È¤Ë¤è¤ê¡¢XML¤Î¥Ñ¡¼¥¹¥¨¥é¡¼¤È¤ä¤é¤¬µ¯¤­¡¢XML¤¬Àµ¤·¤¯½ÐÎϤµ¤ì¤Æ¤¤¤Ê¤«¤Ã¤¿¤è¤¦¤Ç¤¹¡£¡Ê»²¹Í¡§XML¥¨¥é¡¼¥á¥Ã¥»¡¼¥¸¤¬É½¼¨¤µ¤ì¤¿¾ì¹ç¤ÎÂнèË¡¡ËŹ̾¤ËÆþ¤Ã¤Æ¤¤¤ëȾ³Ñ¤Î&¤ò½¤Àµ¤·¤¿¤é¡¢¤á¤Ç¤¿¤¯¥¨¥é¡¼¤¬¾Ã¤¨¤Þ¤·¤¿¡ª

AJAX¤ÏÊ£¹çµ»½Ñ¤Ê¤À¤±¤Ë¡¢ÉÔÌÀ¤Ê¥¨¥é¡¼¤¬µ¯¤­¤ë¤È¡¢¥Ö¥é¥¦¥¶¼«ÂΤλÅÍÍ¡¢Ê¸»ú¥³¡¼¥É¡¢Javascript¡¢XML¡¢¡Ê¥µ¡¼¥Ð¥µ¥¤¥É¥¹¥¯¥ê¥×¥È)¤Ê¤Éµ¿¤¦¤È¤³¤í¤¬Â¿¤¹¤®¤Æ¡¢¸¶°ø¤ò¤Ä¤­»ß¤á¤ë¤À¤±¤Ç¡¢°ì¶ìÏ«¤Ç¤¹¡£
Google Maps API ¡Ê³¡Ë
ÃϿޤ«¤éõ¤¹¿¼Ìë±Ä¶È,24»þ´Ö±Ä¶È¤Î¤ªÅ¹¤Î¥³¡¼¥Ê¡¼¡£

Google Maps API ¤Ë¸«ÀÚ¤ê¤ò¤Ä¤±¤¿¤¿¤á¡¢ÊüÃÖ¤·¤Æ¤¤¤Þ¤¹¤¬¡¢°Õ³°¤Ë¿¤¯¤Î¥¢¥¯¥»¥¹¤ò¤¤¤¿¤À¤¯¤Î¤Ç¡¢¾¯¤·¼êľ¤·¤·¤è¤¦¤È»×¤Ã¤Æ¤¤¤Þ¤¹¡£

ÃϿ޾å¤Ç¥¦¥£¥ó¥É¥¦É½¼¨¤¹¤ë¤è¤ê¤â¡¢¡ÊËܲÈGoogle ¥í¡¼¥«¥ë¤Î¤è¤¦¤Ë¡Ë¥ê¥¹¥È·Á¼°¤Çɽ¼¨¤¹¤ë¤Û¤¦¤¬¡¢»È¤¤¾¡¼ê¤¬¤¤¤¤¤Î¤Ç¡¢¤È¤ê¤¢¤¨¤º¥ê¥¹¥È·Á¼°¤ËÊѹ¹¤¹¤ëͽÄê¤Ç¤¹¡£¤¿¤À¡¢ÃϿ޸¡º÷¤Ï¤¢¤¯¤Þ¤Ç¡È¤ª¤Þ¤±¡É¤Ç¤¢¤ë¤³¤È¤ËÊѤï¤ê¤Ï¤¢¤ê¤Þ¤»¤ó¡£

¤Ê¤¼¤ª¤Þ¤±¤«¤È¤¤¤¦¤È

­¡Æ±°ì¥Ó¥ë¤ËÊ£¿ô¤Î¤ªÅ¹¤¬¤¢¤ë¡¢¶¹¤¤¥¨¥ê¥¢¤Ë¤ªÅ¹¤¬½¸Ã椷¤Æ¤¤¤ë¤È¤¤¤Ã¤¿¾ì¹ç¡¢¥Þ¡¼¥«¡¼¤¬½Å¤Ê¤Ã¤ÆÀµ¤·¤¯É½¼¨¤Ç¤­¤Ê¤¤
­¢ÆÃÄê¤Î½»½ê¤ò¤â¤¿¤Ê¤¤¥µ¡¼¥Ó¥¹¡Ê¤ªÅ¹¡Ë¤òɽ¼¨¤Ç¤­¤Ê¤¤
­£¸¡º÷¾ò·ï¤òºÙ¤«¤¯¤¹¤ë¤È¡¢¤¤¤í¤¤¤í¤ÈÉé²Ù¤¬¤«¤«¤ê¡¢¥µ¡¼¥Ð¡¼¤ËÌÂÏǤò¤«¤±¤ë²ÄǽÀ­¤¬¤¢¤ë
­¤¤½¤Î¾¡Ê¤¢¤ê¤¹¤®¤ë¤¿¤á¾Êά¡Ë

¤È¤¤¤Ã¤¿ÌäÂ꤬¤¢¤ë¤«¤é¤Ç¤¹¡£

Google maps API ¤Ïñ½ã¤ÊÃϿޤȤ·¤Æ¤Ï½½Ê¬¤Ç¡¢¤¢¤ê¤¬¤¿¤¯»ÈÍѤµ¤»¤Æ¤â¤é¤Ã¤Æ¤Þ¤¹¤¬¡¢¸¡º÷¤Ë»È¤¦¤È¤Ê¤ë¤È²¿¤«¤ÈÆñ¤·¤¤¡£¡£
ÊÄŹ¤µ¤ì¤¿¤è¤¦¤Ç»Äǰ
¥«¥×¥»¥ë¥Û¥Æ¥ë¡õ¥µ¥¦¥Ê¶ä²Ï¾®´äŹÍͤ¬ÊÄŹ¤Ê¤µ¤Ã¤¿¤è¤¦¤Ç¤¹¡£

¤Ä¤¤Àè¤Û¤ÉÅÅÏäò¤«¤±¤Æ¤ß¤¿¤È¤³¤í¡¢¡Ö¸½ºß»È¤ï¤ì¤Æ¤ª¤ê¤Þ¤»¤ó¡×¤È¤¤¤¦¤ª·è¤Þ¤ê¤Î¥¬¥¤¥À¥ó¥¹¤¬Î®¤ì¤Þ¤·¤¿¡£

¤ªÅ¹¥ì¥Ó¥å¡¼¤Ë¤Æ¤´Ï¢Íí¤¤¤¿¤À¤¤¤¿¡¢¶á½ê¤Î¼ÔÍͤ¢¤ê¤¬¤È¤¦¤´¤¶¤¤¤Þ¤¹¡£

¡Ê¤³¤Î¥Ö¥í¥°¤Ç½ñ¤¤¤Æ¤âÅÁ¤ï¤é¤Ê¤¤¤Î¤Ç¡¢Àµ¼°¤Ë»ö¼Â´Ø·¸¤ò³Îǧ¼¡Âè¡¢¿¿ÌëÃæ¥Ê¥Ó¤ÎÃæ¤Ç¤ªÃΤ餻¤·¤Þ¤¹¡£¡Ë
¥É¥È¡¼¥ë¥³¡¼¥Ò¡¼¥·¥ç¥Ã¥×¡¡¡ÁÄ»±©²ñĹ¡Á
Åìµþ23¶è¤ÎÊý¤Ë¤Ï¤Ê¤¸¤ß¤¬Çö¤¤¤«¤â¤·¤ì¤Þ¤»¤ó¤¬¡¢¿ÀÆàÀî¡¢ºë¶Ì¡¢ÀéÍդǤϡ¢24»þ´Ö±Ä¶È²½¤Îή¤ì¤È¤·¤Æ¡¢¥É¥È¡¼¥ë¥³¡¼¥Ò¡¼¥·¥ç¥Ã¥×¤Î¸ºß¤¬ÌÜΩ¤Ä¤è¤¦¤Ë¤Ê¤Ã¤Æ¤¤¤Þ¤¹¡£

¤È¤¤¤¦¤³¤È¤Ç¤µ¤Ã¤½¤¯¡¢Á϶ȼԤǤ¢¤ëÄ»±©ÇîÆ»²ñĹ¤Î¹Ö±é¤òʹ¤­¤Ë¹Ô¤Ã¤ÆÍè¤Þ¤·¤¿¡£


»ä¤ÎÃæ¤ÇÄ»±©²ñĹ¤Ï¥Í¿½¤Ë¤Ê¤ê¤Þ¤·¤¿¡£


¡Ê¹Ö±éÆâÍÆ¤ò¥°¥À¥°¥À½ñ¤¤¤Æ¤â¤·¤ç¤¦¤¬¤Ê¤¤¤Î¤Ç¾Ê¤­¤Þ¤¹¤¬¡Ë¿ô¿¤¯¤Î¥Ò¥ó¥È¤ò¤¤¤¿¤À¤¤¤¿¤ÈƱ»þ¤Ë¡¢»Ö¤È¤¤¤¦¤â¤Î¤Î½ÅÍ×À­¤òºÆ³Îǧ¤¤¤¿¤·¤Þ¤·¤¿¡£

ºÇ¶á¤Ïñ¤Ë¥µ¥¤¥È¤òºî¤ë¤À¤±¤Ç¤Ê¤¯¡¢¥Ó¥¸¥Í¥¹Í×ÁǤò´Þ¤à¸ò¾Ä¤Ë¤âÂбþ¤·¤Ê¤±¤ì¤Ð¤Ê¤é¤Ê¤¯¤Ê¤Ã¤Æ¤­¤¿¤Î¤Ç¡Ê¤±¤Ã¤³¤¦ÂçÊѤʤó¤Ç¤¹¤è¡ª¡Ë¡¢»Ö¤È¤¤¤¦¤â¤Î¤òºÆ³Îǧ¤Ç¤­¤¿¤³¤È¤ÏÂ礭¤Ê¼ý³Ï¤Ç¤·¤¿¡£
Designed by aykm.