이미지맵 기능 추가를 건의합니다



  • 나무위키의 지리 관련 문서를 보면 대체적으로 지도 사진이 있는데, 이미지맵 기능을 활용하여 지도에서 다른 지역에 해당하는 영역을 클릭하면 해당 지역 문서로 넘어갈 수 있도록 하면 편리하지 않을까 싶네요



  • 있으면 편리한 기능으로 보입니다. 적절한 문법의 예시를 제안해주세요.



  • [[파일:지도.png|map(문서명,x좌표1,y좌표1,x좌표1,y좌표2)]]

    ex)

    • 좌표는 픽셀값으로
    • 파일:대한민국 지도.png 는 480*540 짜리 이미지로 가정 (서울의 위치 좌표는 임의 값으로 가정)

    입력예시
    [[파일:대한민국 지도.png|map(서울특별시,120,300,150,330)]]
    [[파일:대한민국 지도.png|map(서울특별시,120,300,150,330)(제주특별자치도,120,500,180,530]]

    여렵네요...



  • {{{#!imagemap 지도.png|width=25%&height=300 align=left
    문서명1|poly x1 y1 x2 y2 x3 y3 ...
    문서명2|poly x1, y1, x2, y2, x3, y3, ...
    문서명3|poly (x1, y1), (x2, y2), (x3, y3), ...
    문서명4|poly (x1 y1) (x2 y2) (x3 y3) ...
    문서명5|circle x y 반지름
    문서명6|rect x1 y1 x2 y2
    문서명7|default
    }}}
    

    첫 줄에는 !#imagemap을 쓰고 한 칸 (이상) 띄운 뒤 사진 파일명을 입력합니다. imagemap이라는 명칭 대신 map이라는 명칭을 채택해도 좋을 듯 합니다.
    파일명 뒤에 파이프 문자(|)를 넣고 매개변수를 입력할 수 있습니다. 매개변수의 &은 띄어쓰기나 |로 대체할 수 있습니다.
    파일 첨부 문법에서 대괄호와 파일: 접두사를 제거한 내용을 입력한다 생각하면 됩니다.

    두번째 줄부터는 사진 위 다양한 모양의 링크를 정의하는 곳입니다.
    처음에는 링크되는 문서명이나 URL을 입력하고 파이프 문자(|)를 입력합니다. 보안을 위해 외부 URL은 막거나 마우스를 댈 때 외부 링크임을 알리는 아이콘을 표시하는 것이 좋겠습니다.
    파이프 문자(|) 다음에는 모양을 입력하는데, 모양은 default, circle, rect, poly 이렇게 4가지가 있으며, 이는 HTML <area> 태그의 shape 속성값을 따릅니다.
    모양 다음에는 링크가 뜰 좌표를 입력합니다. 좌표에서 값 사이에는 콤마나 띄어쓰기를 넣습니다. 가독성을 위해 괄호를 사용할 수 있으며, 괄호를 사용할 때 괄호 사이에 콤마를 사용해도 좋고 생략해도 좋습니다. 파싱할 때 괄호를 무시한다고 생각하면 좋을 듯 합니다.

    {{{#!imagemap 지도.png
    문서명0
    문서명1|10 20 30
    문서명2|10 20 30 40
    문서명3|10 20 30 40 50 60
    }}}
    

    모양은 생략할 수도 있으며 좌표가 없으면 default, 좌표가 3개일 때는 circle, 4개일 때는 rect, 6개 이상일 때는 poly로 처리합니다.
    default의 경우 파이프 문자(|)도 생략할 수 있습니다.



  • This post is deleted!


  • @namu

    @gustmd7410 님이 이미지맵 기능 추가를 건의합니다 에서 보낸 메세지:

    {{{#!imagemap 지도.png|width=25%&height=300 align=left
    문서명1|poly x1 y1 x2 y2 x3 y3 ...
    문서명2|poly x1, y1, x2, y2, x3, y3, ...
    문서명3|poly (x1, y1) (x2, y2) (x3, y3) ...
    문서명4|poly (x1 y1) (x2 y2) (x3 y3) ...
    문서명5|circle x y 반지름
    문서명6|rect x1 y1 x2 y2
    }}}
    

    지도.png 옆의 파이프 문자(|)와 매개변수는 선택이며 매개변수의 &은 띄어쓰기나 |로 대체할 수 있습니다. 파일 첨부 문법에서 대괄호와 파일: 접두사를 제거한 내용을 입력하면 됩니다.

    좌표에서 콤마가 사용된 경우 띄어쓰기는 없어도 좋습니다. circle은 콤마도 허용되며 rectpoly에서 쓰인 모든 좌표 형식이 허용됩니다.

    {{{#!imagemap 지도.png
    문서명1|10 20 30
    문서명2|10 20 30 40
    문서명3|10 20 30 40 50 60
    }}}
    

    모양은 생략할 수도 있으며 좌표가 3개일 때는 circle, 4개일 때는 rect, 6개 이상일 때는 poly로 처리합니다.

    이쪽이 좋을 것 같네요



  • This post is deleted!

Log in to reply