지난 시간에는 크롬에서 오른쪽 클릭, 드래그 금지, 즉 복사 금지 기능을 개발자 모드에서 해제하는 법을 배웠습니다.
이번에도 크롬에서 개발자 모드로 재미있는 작업을 해보도록 하겠습니다.
제가 일을 하면서 해외 지도를 통해서 가이드를 만들곤 했는데 여행책자처럼 지도에 다양하게 표현하고 싶은데
아무리 노력해도 지도에서 텍스트를 날리는 것은 불가능했어요.
뭐 불가능한건 아니지만.. 얕은 지식으로는 한계가 있으니까..(쟈바스크립트,제이콜리,이런것들을 다뤄야하나봐..)）)
그렇게 해서 찾아낸 방법이 바로 이겁니다.구글의 지도를 통해 지명이나 건물 등 모든 텍스트를 날릴 수 있는 것입니다.
그 방법을 한 번 알아보도록 하죠.
참고로 이 방법은 구글 한국 지도에서는 사용할 수 없었습니다.
밑에 사진을 보면
한국만 이렇게 하얀게 보이나요?아마 구글 지도내에서 다른 논리로 이루어진 것 같습니다.
한국 지도용으로 하는 방법은 다음 글에서 따로 작성하려고 합니다.
근접해 있는 외국인 일본 지도 대상으로 한번 작업을 해보겠습니다처음에 구글 지도에 들어가면 저런 형식으로 보이는데
짜아아아~ 글이 많고 번잡하죠?
여행 가이드북처럼 필요한 정보만 입력하고 예쁘게 보고 싶으면 어떻게 해야 하나요?일단 댓글을 다 건너뛰어야겠죠?
1번
왼쪽 상단에 햄버거 버튼을 일단 눌러주세요
2번
햄버거를 누르면 나오는 창에서 지도에 나와 있는 것을 위성을 눌러 전환하십시오.
상발
위성을 누르면 그 사진 사이로 위성사진으로 사진이 바뀌는데 왼쪽에 있는 목록에 새것이 보이시나요?
위성을 누르면, 「라벨 사용」이라고 하는 문구가 표시됩니다.이 버튼을 누르면 지도 글자가 표시됩니다.
라벨을 지워버린 Go ogle 지도의 모습입니다.글씨가 다 지워졌죠?
이번에는 이것을 개발자 모드를 통해서 지도 탭으로 가져오는 작업을 하겠습니다.
4번
다시 햄버거를 눌러 창을 열고 F12를 눌러 개발자 모드를 틀어주세요
F12를 누르면 그 개발자 모드 창이 뜨는데 창 왼쪽 상단에 표시해 놓은 버튼을 누르시면 되겠습니다.
5번
버튼을 눌렀으면 미리 표시한 햄버거 창 목록에서 라벨을 사용하지 않는다를 클릭하세요.
로크발
버튼을 눌렀으면 개발자 모드창에 뜹니다.필요한정보는빨간색으로체크한칸정보입니다.빨간 칸의 정보를 클릭하고, 컨트롤 + C를 눌러 복사해 주세요.
7번 햄버거를 누르고 개발자 모드에서 얘를 누르시면 돼요
8번
다음은 지도를 클릭해 주세요.얼마 안 남았어요!
9번
지도를 누르면 색으로 표시되는 곳이 있는데
그 바로 아래에 </botton>이 보일 겁니다.
</botton>을 누르고 F2 버튼을 누르면
이러한 창이 열릴 것입니다. 여기에 방금 컨트롤+C로 복사한 값을
첫 번째에 있는 마지막 문장에서 다음 줄로 이동해서 이렇게 붙이시면 됩니다.
그 다음에 다시 F2를 눌러서 수정을 끝내주세요.
다시 햄버거를 누르면 지도란에 '라벨 사용 안 함' 버튼이 보이시나요?
위성에 있던 버튼의 기능을 그대로 지도에 옮겼어요.
저거 눌러볼까요?
이런 화면이기 때문에 벨을 쓰지 않고 누르면이렇게 바뀝니다!
하다가 궁금한 거 있으면 댓글로 달아주세요~~
이번에는 구글 지도에서 지우지 못한 한국 지도의 텍스트를 지우는 방법을 알아봅시다.
