JavaScript È°¿ëÆÁ
2013.11.20 / 13:58

±¸±Û¸Ê V3 ÁÖ¼Ò·Î ÁÂÇ¥(À§,°æµµ) ±¸ÇØ ³ëÃâÇϱâ

±×´©
Ãßõ ¼ö 279

http://rimsoft.co.kr/bbs/board.php?bo_table=download&wr_id=25 

    

¸µÅ© #1
https://developers.google.com/maps/documentation/javascript/reference?¡¦ (467)
 

 

À̹ø¿¡ ¼Ò¼È ·¹º¼·ç¼Ç ±¸¸ÅÀںв²¼­ ¿äûÇϼż­ ¼­ºñ½º·Î ±¸ÇöÇÏ¿© ÀåÂøÇصå·È½À´Ï´Ù.

±âÁ¸ÀÇ V2¿¡¼­ V3 ¹Ù²î¸é¼­ API key´Â ÇÊ¿ä¾ø°Ô µÆ½À´Ï´Ù. ±×¸®°í ¸ð¹ÙÀÏ¿¡¼­µµ »ç¿ëÀÌ °¡´ÉÇϵµ·Ï Áö¿øµÇ¾ú½À´Ï´Ù.

 
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=ture_or_false"></script>
<script type="text/javascript">
//±¸±Û¸Ê v3
function initialize() {
    var geocoder = new google.maps.Geocoder();
    var addr="ÁÖ¼Ò";
    var lat="";
    var lng="";
    geocoder.geocode({'address':addr},
        function(results, status){
            if(results!=""){
                var location=results[0].geometry.location;
                lat=location.lat();
                lng=location.lng(); 
                var latlng = new google.maps.LatLng(lat , lng);
                var myOptions = {
                    zoom: 16,
                    center: latlng,
                    mapTypeControl: true,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);  
            }
            else $("#map_canvas").html("À§µµ¿Í °æµµ¸¦ ãÀ» ¼ö ¾ø½À´Ï´Ù.");
        }
    )
}
$(function(){initialize()})
</script>
<style>
#map_canvas {width:740px;height:400px;}
</style>

ÇÊ¿äÇϽŠºÐ Âü°íÇϼ¼¿ä.

[Âü°í»çÇ×] ±âÁ¸ ±¸¸ÅÀÚ ºÐµé Áß ¿äûÇÏ½Ã¸é ³×À̹ö¸Ê¿¡¼­ ±¸±Û¸ÊÀ¸·Î ¹«»ó¼­ºñ½º Çص帳´Ï´Ù.(5¿ù30ÀϱîÁö)