구글 지도 연동 오류 MarkerLabel_.getSharedCross is not a function

구글 지도 작업을 하다보면 구글 지도 마커에 대해 디자인을 입히거나 내용을 좀 더 많이 넣어주거나

하는 경우가 종종 있어서 Marker를 커스텀 할 수 있도록 구글에서 제공하고 있다.

 

MarkerLabel.js 인데 MarkerLabel.js 를 import 하고 나서 계속해서 

'MarkerLabel_.getSharedCross is not a function' 라는 오류가 떳다....

키도 정상 발급해서 잘나왔는데 이 녀석을 넣으니까 자꾸 문제가 발생 ㅠㅠ

 

구글링을 계속 해봐도 마땅한 해결법이 안나오고 나처럼 같은 문제를 겪는 사람들이 많았다.

그래서 혹시나 스크립트 선언에 문제가 있을 않을까 하면서 다시 구글링해보니

I just found the problem, I had to include MarkerWithLabel.js after the Google maps API library

누군가 이런 멘트를 남겨뒀었고 바로 순서를 변경해줬다.

 

<script src="https://maps.googleapis.com/maps/api/js?key=yourKey"></script>
<script src="<c:url value="/js/MarkerWithLabel.js"/>"></script>

 

역시나 순서가 안맞았구나..

MarkerWithLabel.js 를 위에 구글 map api 스크립트 보다 아래에 선언을 해줘야한다 ㅠㅠ

 

이제 잘나오네;;ㅎㅎ 머쓱..ㅎㅎ