<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 표시할 div와 지도 옵션으로 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
var positions = [
{
category:'1',
category_name:'법률상담',
number: '1',
title: '경남경찰청 성폭력 특수수사대',
latlng: '경남 창원시 의창구 상남로 289경남지방경찰청 별관 '
},
{
category:'1',
category_name:'법률상담',
number: '2',
title: '창원가정상담센터',
latlng: '경남 창원시 성산구 창이대로 663번길 7, 대한빌딩 401호(사파동)'
},
{
category:'1',
category_name:'전문변호',
number: '3',
title: '창원성폭력상담소',
latlng: '경남 창원시 의창구 신월로 42 토월복합상가 725호'
},
{
category:'1',
category_name:'전문변호',
number: '4' ,
title: '여성긴급전화경남센터',
latlng: '경남 창원시 의창구 북면 동전로179-18'
}
];
var bounds = new kakao.maps.LatLngBounds();
// 주소-좌표 변환 객체를 생성합니다
for (var i = 0; i < positions.length; i ++) {
var geocoder = new kakao.maps.services.Geocoder();
geocoder.addressSearch(positions[i].latlng, function(result, status) {
// 정상적으로 검색이 완료됐으면
if (status === kakao.maps.services.Status.OK) {
var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
// 결과값으로 받은 위치를 마커로 표시합니다
var content = '<div class="point point'+positions[i].category+'"> '+
' <div class="number"><span>'+positions[i].number+'</span></div>'+
' <div class="info">'+
' <h1>'+positions[i].title+'</h1>'+
' <span>'+positions[i].category_name+'</span>'+
' </div>'+
'</div>';
var customOverlay = new kakao.maps.CustomOverlay({
position: coords, // 마커를 표시할 위치
content: content,
});
var point_center ={
};
map.setCenter(coords);
customOverlay.setMap(map);
}
console.log(coords);
});
}
</script>
이런식으로 작성했는데.
마커별로 숫자가 1,2,3,4 나오는게 아니라 2만 나오고있는 이유가 궁금합니다.
그리고 주소로 검색한 결과로 지도중심을 맞추는방법은 알겠는데.
다수의 마커를 기준으로 중심을 잡을수있는 방법은 무엇인가요??