카카오지도 관련 질문 좀 드립니다.
본문
아래는 카카오맵 스크립트 인데요
마커가 지도 중앙에 표시될때도 있고 또 어쩔때는 오른쪽에 표시가 되네요
조언 좀 부탁 드립니다"꾸벅"
<div id="map" style="width:100%;height:300px;"></div>
<script type="text/javascript"
src="//dapi.kakao.com/v2/maps/sdk.js?appkey="></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 5 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new kakao.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
var geocoderCallback = function (result, status) {
var latX, latY;
// 정상적으로 검색이 완료됐으면
if (status === kakao.maps.services.Status.OK && 0 < result.length) {
if (1 === result.length) {
latX = result[0].x;
latY = result[0].y;
} else {
console.log('1<', result); // 적절하게 예외처리
}
console.log(mapOption);
var latlng = new kakao.maps.LatLng(latY, latX);
// 결과값으로 받은 위치를 마커로 표시합니다
var marker = new kakao.maps.Marker({
map: map,
position: latlng
});
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(latlng);
var position = latlng;
</script>