카카오맵 질문 채택완료

</p>

<p>    <div id="map" style="width:100%;height:350px;"></div>

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=키값&libraries=services"></script>

<script>

var mapContainer = document.getElementById('map'), // 지도를 표시할 div 

    mapOption = {

        center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표

        level: 3 // 지도의 확대 레벨

    };  </p>

<p>

var map = new daum.maps.Map(mapContainer, mapOption); </p>

<p>// 주소-좌표 변환 객체를 생성합니다

var geocoder = new daum.maps.services.Geocoder();</p>

<p>var listData = [

    {

        groupAddress: '서울특별시 강남구 역삼동 707-34', 

    },

    {

        groupAddress: '<a aria-expanded="false" aria-haspopup="true" href="<a href="https://pcmap.place.naver.com/place/11627821/home?entry=pll&from=nx&fromNxList=true&from=map&fromPanelNum=2&ts=1628665766048#" target="_blank" rel="noopener noreferrer">https://pcmap.place.naver.com/place/11627821/home?entry=pll&from=nx&fromNxList=true&from=map&fromPanelNum=2&ts=1628665766048#</a>" role="button" target="_self">부산 연제구 중앙대로 1001</a>', 

    }

];

    

for (var i=0; i < listData.length ; i++) {

// 주소로 좌표를 검색합니다

geocoder.addressSearch(listData[i].groupAddress, function(result, status) {</p>

<p>    // 정상적으로 검색이 완료됐으면 

     if (status === daum.maps.services.Status.OK) {</p>

<p>        var coords = new daum.maps.LatLng(result[0].y, result[0].x);</p>

<p>        // 결과값으로 받은 위치를 마커로 표시합니다

        var marker = new daum.maps.Marker({

            map: map,

            position: coords,

        });</p>

<p>        // 인포윈도우로 장소에 대한 설명을 표시합니다

        var infowindow = new daum.maps.InfoWindow({

            content: result[0].y + "," + result[0].x

        });

        infowindow.open(map, marker);

            map.relayout();</p>

<p>        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다

        map.setCenter(coords);

    } 

})</p>

<p>};    

</script></p>

<p>