카카오맵api 마커이미지 url 로컬 경로로 변경

 

카카오 맵 api 예제 

https://apis.map.kakao.com/web/sample/categoryFromBounds/ 

기존 예제에서는 이미지url형태로 되어있어서 수정을 원하는 이미지를 url로 변환해서 코드에 넣어야하나 싶었는데

그냥 로컬 경로에 파일 넣어도 적용이 가능했음

 

기존 예제

 

 

 

#category li .category_bg {background:url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/info/ico_around.png) no-repeat 0 0} 

여기 url 부분에 해당하는 이미지 주소를

로컬경로로 새로 지정해줄 수 있음

#category li .category_bg {background:url(../static/assets/2521/ico_around.png) no-repeat 0 0}

맨 앞에 .. 은 상위디렉토리를 의미함

구조

templates 안에 html파일 안에 쓰여있는 코드라서

.. 으로 DIST로 나간 후에 static/assets/2521 이렇게 경로 설정함

 

바꾼 사진

 

바꾼 후

 

아이콘이 맘에 안들어서 바꾸고 싶었음