2022/10/14 - TIL

 

어제까지 카카오 api를 이용하여 html위에 지도를 그렸다면, 오늘은 카카오 api를 동적으로 그리려고 시도를 하였다. 문제는..

currentStyle, kakao에 대한 에러가 나를 맞이했다. 저 위에 사진 두개를 제외하고도 new kakao.maps.Map() is not a constructor와 같은 에러가 있었다.

1. kakao api는 로드되었을 때 id가 map에 있는 부분에 그림을 그린다. 이것을 해결하기 위해 카카오 맵이 그려질 컨테이너 밖이 그려진후 시도를 하였지만 말짱 도루묵이었다. 이에 대한 해결법은

    '//dapi.kakao.com/v2/maps/sdk.js?appkey=autoload=false';

다음과같이 api를 호출하는 부분에서 autoload를 false를 string을 붙이는 방법이다. 위의 방법을 사용하면 처음에 api가 호출되었을 때 id map을 찾지 않는다.

1. constructor를 사용하는 문제 같은경우에는 카카오톡이 모두다 로드 된 뒤에 new 연산자를 이용하여 맵에 관련된 인스턴스를 생성하면 해결되는 문제였다.

kakao.map.load(()=>{
	new kakao.maps.Size(36, 37)
})

사실 1번 2번 순서대로 해결을 했으면 문제가 간단했을 텐데 2번부터 고치고 1번을 하다보니 이거고치고 저거 고치고 다시 망치고를 반복했 던 것 같다

1. kakao.map.load안에 있는 함수들의 위치를 조정해야한다.

load안에 콜백 함수같은 경우 스코프에 맞지 않게 변수를 넣어두어 함수가 실행되지 않는 경우도 있었다.

---

카카오 map api를 사용하면서 느낀 것은, ‘시기’와 ‘범위’에 대한 것을 해결 해야한다. 이중에서 범위 같은 경우는 육안이나 생각으로 쉽게 해결 할 수 있고 사전 지식을 통해서 해결할 수 있었다. 하지만 시기에 대한 것은 kakao.maps.load와 같은 메서드를 사전에 알고 있어야 해결되기 떄문에, 이것과 관련된 함수가 있다면 미리 검색이나 독스를 보면서 해결하는 것이 좋다고 생각한다.

2022/10/14

어제까지 카카오 api를 이용하여 html위에 지도를 그렸다면, 오늘은 카카오 api를 동적으로 그리려고 시도를 하였다. 문제는..

currentStyle, kakao에 대한 에러가 나를 맞이했다. 저 위에 사진 두개를 제외하고도 new kakao.maps.Map() is not a constructor와 같은 에러가 있었다.

1. kakao api는 로드되었을 때 id가 map에 있는 부분에 그림을 그린다. 이것을 해결하기 위해 카카오 맵이 그려질 컨테이너 밖이 그려진후 시도를 하였지만 말짱 도루묵이었다. 이에 대한 해결법은

    '//dapi.kakao.com/v2/maps/sdk.js?appkey=autoload=false';

다음과같이 api를 호출하는 부분에서 autoload를 false를 string을 붙이는 방법이다. 위의 방법을 사용하면 처음에 api가 호출되었을 때 id map을 찾지 않는다.

1. constructor를 사용하는 문제 같은경우에는 카카오톡이 모두다 로드 된 뒤에 new 연산자를 이용하여 맵에 관련된 인스턴스를 생성하면 해결되는 문제였다.

kakao.map.load(()=>{
	new kakao.maps.Size(36, 37)
})

사실 1번 2번 순서대로 해결을 했으면 문제가 간단했을 텐데 2번부터 고치고 1번을 하다보니 이거고치고 저거 고치고 다시 망치고를 반복했 던 것 같다

1. kakao.map.load안에 있는 함수들의 위치를 조정해야한다.

load안에 콜백 함수같은 경우 스코프에 맞지 않게 변수를 넣어두어 함수가 실행되지 않는 경우도 있었다.

---

카카오 map api를 사용하면서 느낀 것은, ‘시기’와 ‘범위’에 대한 것을 해결 해야한다. 이중에서 범위 같은 경우는 육안이나 생각으로 쉽게 해결 할 수 있고 사전 지식을 통해서 해결할 수 있었다. 하지만 시기에 대한 것은 kakao.maps.load와 같은 메서드를 사전에 알고 있어야 해결되기 떄문에, 이것과 관련된 함수가 있다면 미리 검색이나 독스를 보면서 해결하는 것이 좋다고 생각한다.