|
|||||||||||||||
070-8260-2526ÆòÀÏ ¿ÀÀü 9½Ã ~ ¿ÀÈÄ 6½Ã´ÜÀ§³óÇù352-0331-1626-83¿¹±ÝÁÖ:°¸¸¼öÅ×Å©³ÝÄÚ¸®¾Æ |
|
</html>
»¡°£»ö ¹è°æÀ¸·Î µÇ¾îÀÖ´Â f32441ebcd3cc9de474f8081df1e54e3 ºÎºÐÀÌ º¸À̽óª¿ä?
ÀÌ ºÎºÐ¿¡´Ù°¡ ¹ß±Þ¹ÞÀº ³×À̹ö API Å°¸¦ ³Ö¾îÁÖ¼¼¿ä. ±×¸®°í!
ÀÌ ¼Ò½º¸¦ ºÙ¿©³ÖÀ¸¸é ÀÏ´Ü È¨ÆäÀÌÁö ³»¿¡¼ ³×À̹ö Áöµµ°¡ º¸¿©Áø´ä´Ï´Ù.
ÀÌÁ¦ »¡°£»öÀ¸·Î Ç¥½ÃÇÑ 3ºÎºÐÀÌ º¸À̽óª¿ä?
¸ÕÀú width:500px; height:400 Àº Áöµµ°¡ ½ÇÁ¦·Î º¸¿©Áö´Â ¹Ú½ºÀÇ »çÀÌÁîÀÔ´Ï´Ù. width °¡ °¡·Î, height °¡ ¼¼·Î¸¦ ³ªÅ¸³»ÁÒ
¸Ç ¾Æ·¡ÂÊÀÇ 500, 400 ¿ª½Ã width, ¿Í height ¸¦ ¸»ÇÑ´ä´Ï´Ù.
±×¸®°í °¡¿îµ¥ 37.5010226, 127.0396037 Àº ¹Ù·Î À§µµ¿Í °æµµ¸¦ ³ªÅ¸³»´Â ¼ýÀڷμ ÁöµµÀÇ Áß½ÉÀÇ À§Ä¡¸¦ ¸»ÇÑ´ä´Ï´Ù.
ÀÌ À§µµ¿Í °æµµ´Â ȸ»çÀ§Ä¡·Î ¹Ù²ã ÁÖ¼Å¾ß °ÚÁÒ?
3. À§µµ¿Í °æµµ ã±â
http://openapi.map.naver.com/api/geocode.php?key=f32441ebcd3cc9de474f8081df1e54e3&encoding=euc-kr&coord=LatLng&query=ÀÎõ½ÃÁß±¸½ÅÈﵿ3°¡7-308
ÀÌ ÁÖ¼Ò¸¦ ÁÖ¼Òâ¿¡ ³Ö°í °Ë»öÇØÁÖ¸é
4. (»ý·«°¡´É) ÁÜ ÄÁÆ®·Ñ·¯ Ãß°¡.
¸¸¾à, óÀ½¿¡ ¿¹Á¦¼Ò½º¸¦ º¹»çÇßÀ» ¶§ ÁÜÄÁÆ®·Ñ µî·Ï ºÎºÐÀÇ ¿¹Á¦¸¦ °¡Á®¿Ô´Ù¸é ¾Æ·¡ÀÇ ¼Ò½º°¡
var mapZoom = new nhn.api.map.ZoomControl(); // - ÁÜ ÄÁÆ®·Ñ ¼±¾ð
mapZoom.setPosition({left:80, bottom:40}); // - ÁÜ ÄÁÆ®·Ñ À§Ä¡ ÁöÁ¤
oMap.addControl(mapZoom); // - ÁÜ ÄÁÆ®·Ñ Ãß°¡.
ºÎºÐ¿¡ µé¾îÀÖÀ» °ÍÀÌ´Ù.
5. ȸ»çÀ§Ä¡¿¡ ¸¶Ä¿Ç¥½ÃÇÏ°í ¶óº§Ç¥½ÃÇϱâ
ÀÌÁ¦, ¾Æ·¡ÀÇ ¼Ò½º¸¦ ÁÜÄÁÆ®·Ñ ¼Ò½º ¾Æ·¡¿¡ ³Ö¾îÁÖÀÚ.
var oSize = new nhn.api.map.Size(28, 37);
var oOffset = new nhn.api.map.Size(14, 37);
var oIcon = new nhn.api.map.Icon('http://static.naver.com/maps2/icons/pin_spot2.png', oSize, oOffset);
var oMarker = new nhn.api.map.Marker(oIcon, { title : '¾ÆÀ̸£ÀÇ »ç¹«½Ç ' }); //¸¶Ä¿¸¦ »ý¼ºÇÑ´Ù
oMarker.setPoint(oPoint); //¸¶Ä¿ÀÇ ÁÂÇ¥¸¦ oPoint ¿¡ ÀúÀåµÈ ÁÂÇ¥·Î ÁöÁ¤ÇÑ´Ù
oMap.addOverlay(oMarker); //¸¶Ä¿¸¦ ³×À̹ö ÁöµµÀ§¿¡ Ç¥½ÃÇÑ´Ù
var oLabel = new nhn.api.map.MarkerLabel(); // ¸¶Ä¿ ¶óº§¸¦ ¼±¾ðÇÑ´Ù.
oMap.addOverlay(oLabel); // - ¸¶Ä¿ÀÇ ¶óº§À» Áöµµ¿¡ Ãß°¡ÇÑ´Ù.
oLabel.setVisible(true, oMarker); // ¸¶Ä¿ÀÇ ¶óº§À» º¸ÀÌ°Ô ¼³Á¤ÇÑ´Ù.
ÀÌÁ¦, ÀúÀåÇÏ°í È®ÀÎÇÏ¸é ³¡!
³×À̹ö Áöµµ API ·Î ȸ»çÀ§Ä¡¸¦ ¼Õ½±°Ô ¾Ë·ÁÁÙ ¼ö ÀÖ°Ô µÇ¾ú´Ù.