ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î


¾ßÈÄ ¼¼°è Áöµµ È°¿ëÇϱâ, ¾ßÈÄ °Å±â Áöµµ ¿ÀÇ API ¸Å½Ã¾÷
13³â Àü
¾ßÈÄ ¼¼°è Áöµµ API ¸¦ È°¿ëÇؼ­ Áöµµ¸¦ ¸¸µå´Â ºñ±³Àû °£´ÜÇÑ »ùÇÃÀÔ´Ï´Ù. ¾Æ·¡ ¼Ò°³µÈ ¼Ò½º Äڵ带 ½ÇÇàÇϸé 100°³ÀÇ ¸¶Ä¿°¡ »Ñ·ÁÁö°í ÇØ´ç ¸¶Ä¿¸¦ Ŭ¸¯Çϸé À̹ÌÁö¸¦ º¸¿©ÁÖ´Â ´ÙÀ½°ú °°Àº ½ÇÇà È­¸éÀ» È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÚ½ÅÀÇ È¨ÆäÀÌÁö¿¡¼­ Å×½ºÆ® Çϱâ À§Çؼ­´Â ¾ßÈÄ °Å±â Áöµµ ¿ÀÇ API Å°¸¦ ÇØ´ç ȨÆäÀÌÁö (http://kr.open.gugi.yahoo.com/Regist/regist.php) ¿¡¼­ ¾òÀ» ¼ö ÀÖÀ¸¸ç Å° °ª($yahoo_map_api_key)À» ¾òÀº API Å°·Î ±³Ã¼ÇØ¾ß ÇÕ´Ï´Ù. Âü°í·Î ±¸±Û Áöµµ API¿¡µµ °ü½ÉÀÌ ÀÖ´Â ºÐÀº ¾Õ¼­ ¼Ò°³ÇÑ "ÀÚ¹Ù½ºÅ©¸³Æ®·Î Áöµµ ¸¸µé±â, ±¸±Û Áöµµ API ¸Å½Ã¾÷(Mashup)" Æ÷½ºÆ®µµ Âü°íÇϼ¼¿ä.

[½ÇÇà È­¸é] http://www.hompydesign.com/map/yahoo.html


[¼Ò½º ÄÚµå]

<HTML>
<HEAD>
<TITLE><?=$hompy_title?></TITLE>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="http://kr.open.gugi.yahoo.com/Client/AjaxMap.php?v=3.7&appid=$yahoo_map_api_key"></script>
<style type="text/css">

#map_box {position:relative;}
#map_canvas { width: 578px; height: 460px; margin: 0; padding: 0; border: 0; }

#map_box {width:578px; border: 4px solid #cccccc; padding:2px;}
#display_loading_box {width:578px; height:460px; position:absolute; background-color:#000000; z-index:1000; opacity: 0.5; filter: alpha(opacity = 50);}
#display_loading_box_icon {margin: 214px 273px; width:32px; height:32px;}

body,td,tr { font-size:12px; font-family:µ¸¿ò,verdana,arial,sans serif;}

.window_image {border:1px solid #cccccc; width:140px; height:100px; margin:6px;}

</style>
<script type='text/javascript'>
<!--

var map = null;
var current_lon = 127.046;
var current_lat = 37.5066;
var current_zoom = 14;
var person_list = [];

$(document).ready(function(){
      display_loading();
      map = new YMap($("#map_canvas")[0]);

      map.addTypeControl();
      map.addZoomLong();
      map.addPanControl();
      //map.drawZoomAndCenter(encodeURIComponent("°­³²¿ª"), 4);
      map.drawZoomAndCenter(new YGeoPoint(current_lat,current_lon), 4);
      map.setMapType(YAHOO_MAP_REG);

      display_marker({user:0,lat:current_lat,lon:current_lon});
      for (record in person_list) {
            display_marker(person_list[record]);
      }
      setTimeout(display_loaded, 1000);
});

function display_loading(){
      var html = "<div id='display_loading_box'><img src='images/loading.gif' id='display_loading_box_icon' /></div>";
      $('#map_canvas').before(html);
}

function display_loaded(){
      $('#display_loading_box').remove();
}

function display_marker(record){
      with (record) {
            var point = new YGeoPoint(Number(lat),Number(lon));
            var marker = create_marker(point, user);
      }
      map.addOverlay(marker);
      //map.setCenter(point, current_zoom, G_NORMAL_MAP);
}

function create_marker(point, person) {
      var icon = new YImage();
      icon.src = 'images/pot.png';;
      icon.size = new YSize(36, 36);
      icon.offset.x = -18; icon.offset.y = 0;      

      var marker= new YMarker(point, icon);
      //marker.addAutoExpand("pos:"+person);
      var html = '<a href="http://hompy.info/583"><img src="/hompydesign.com?seq='+person+'" class="window_image"></a>';
      YEvent.Capture(marker, EventsList.MouseClick, function(){
            marker.openSmartWindow(html);
      });
      return marker;
}

person_list =
[{user:1,lon:127.034,lat:37.5059},{user:2,lon:127.029,lat:37.5125},{user:3,lon:127.032,lat:37.5306},{user:4,lon:127.034,lat:37.4994},{user:5,lon:127.036,lat:37.5169}];

-->
</script>
</HEAD>

<BODY>
<div id="map_box">
<div class="map" id="map_canvas"></div>
</div>
</BODY>
</HTML>
ÃßõÃßõ : 331 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
1,235
¿¢¼¼½º ÇÔ¼ö
1,234
ÇÔ¼ö
1,233
[script] iframe ÀÚµ¿¸®»çÀÌÁî(ÆÄÀ̾îÆø½º, Àͽº Áö¿ø)
1,232
IFRAME-x ÀÌ¿ëÇÑ InnerBrowsig
1,231
javascript timer
1,230
¿ÃÇ÷¡½Ã »çÀÌÆ®¿¡¼­ iframe À¸·Î °Ô½ÃÆÇ ¿Ã¸®±â
1,229
linux ½Ã°£ ¸ÂÃß±â
1,228
¸®´ª½º Çϵåµð½ºÅ© ¹èµå ºí·° Á¡°Ë badblocks
1,227
PHP·Î FTPÇÁ·Î±×·¥ ¸¸µé±â ¾Ë°í¸®Áò
1,226
³¯Â¥, ½Ã°£ °è»êÇϱâ
1,225
¹Ýµå½Ã ¾Ë¾Æ¾Æ ÇÒ PHP º¸¾È 30°¡Áö
1,224
[PHP] $_SESSION º¯¼ö¸¦ ÀÌ¿ëÇÑ Àå¹Ù±¸´Ï
1,223
[PHP] header("Pragma:no-cache")
1,222
[PHP] Á¦¾î ±¸Á¶ - foreach ¹è¿­ as º¯¼ö
1,221
PHP ½Ã°£°ü·ÃÇÔ¼ö ¹× »ç¿ë¹ý (»ç¿ë±â°£, »ç¿ëÀϼö, ƯÁ¤ÀÏ °è»ê¹ý)
1,220
HTML°ú ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ ½ºÅ¸ÀϽÃÆ® ¼Ó¼º
1,219
jQuery ¾Ö´Ï¸ÞÀÌÆ®·Î ¸¸µé¾îº¸´Â À̹ÌÁö ½½¶óÀÌ´õ¿Í Àü±¤ÆÇ
¾ßÈÄ ¼¼°è Áöµµ È°¿ëÇϱâ, ¾ßÈÄ °Å±â Áöµµ ¿ÀÇ API ¸Å½Ã¾÷
1,217
´ÙÀ½ Áöµµ¸¦ ³» °ÍÀ¸·Î ¸¸µé±â, ´ÙÀ½ Áöµµ API ¸Å½¬¾÷
1,216
³ª¸¸ÀÇ ³×À̹ö Áöµµ ¸¸µé±â, Áöµµ API ¸Å½¬¾÷(Mashup)
1,215
ÀÚ¹Ù½ºÅ©¸³Æ®·Î Áöµµ ¸¸µé±â, ±¸±Û Áöµµ API ¸Å½Ã¾÷(Mashup)
1,214
jQuery ·Î ÅؽºÆ® ÀÔ·Â ¹Ú½º(TextArea)¿¡ Å©±â Á¶Àý ¸·´ë Ãß°¡Çϱâ.
1,213
PHP ½Ã°£ °ü·Ã ÇÔ¼ö¸¦ ½á¼­ ½Ã°£ Â÷ÀÌ °è»êÇϱâ, DATEDIFF
1,212
[PHP] ½Ã°£ ³¯Â¥ ÇÔ¼ö
1,211
°Ô½ÃÆÇ ÀÚµ¿µî·Ï ¹æÁö ÆÁÀÔ´Ï´Ù
1,210
¹«´Ü¸µÅ© ¹æÁö ¹æ¹ý
1,209
Base62 Encode
1,208
CDATA ¼½¼Ç[XML Ç¥ÁØ]
1,207
window.onload
1,206
JavaScript·Î ÀÚ½ÅÀÇ URL ¾Ë±â
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.