google map api 를 가져와서 쓸때 jsp에서 주의 사항

1. 전역변수 설정과 initMap(), updateMap() 함수 따로 생성해주기

동적으로 처리할 값들을 다른곳에서 쓸 수 있도록 변수는 꼭! 전역변수로 설정해준다. (ajaxData, map, lat, lng, location 등)

또한 initMap()으로 첫 페이지 접속시 나타내줄 지도 값을 만들고 updateMap() 함수를 따로 만들어 주어

아래의 ajax를 통한 데이터 전달에서 updateMap()함수를 불러 쓸 수 있도록 만들었다.

var ajaxData = {};
var map;
var latInput,lngInput,locationInput;

function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: 37.497952, lng: 127.027619},
        zoom: 18
    });
}

function updateMap() {
    var latData = parseFloat(latInput);
    var lngData = parseFloat(lngInput);

    map.setCenter({lat: latData, lng: lngData});
}

 

+ 추가 주의 사항 : latData 값과 lngData 값 이용시 ajax에서는 String으로 값을 받기 때문에!!! 꼭 Float 로 값을 변환하여 사용해야 한다. 까먹고 처음에 그대로 썼다가 에러나서 고쳤다ㅜㅜ parseFloat(ajaxDataString값) 을 통해 변수 타입 바꿔주기!