지도에서 핫스팟을 수행하는 좋은 방법은 무엇입니까

그래서 4 개 지역에 4 개의 핀이있는 미국지도가 있습니다. 이미지는 PNG이며 사용자가 핀 중 하나를 가리키면 호버 정보 상자 팝업이 있어야합니다. 이 작업을 수행하는 표준 방법이 있습니까? 나는 이미지 핫스팟을 온라인으로 읽고 있었지만 누군가가 명확한 방향으로 나를 가리킬 수 있는지 확실하지 않았다. ...지도에서 핫스팟을 수행하는 좋은 방법은 무엇입니까

출처

2011-03-25 Trace

이것은 툴팁처럼 작동한다. 활성화하려는지도 영역 위에 DIV를 배치하고 마우스 오버시 툴팁 이벤트를 연결하십시오.

이미 많은 작업을 수행하고있는 jQuery 용 스크립트 및 플러그인이 있습니다.

출처

2011-03-25 14:56:19

jquery pluggins are ... 나는 MapHilight만을 찾았습니다. 다른 것들도 있습니다. – Trace

이것은지도와 관련이 없습니다. 핫스팟이있는 이미지라고 생각하십시오. 핫스팟은 툴팁을 트리거합니다. 여기를보십시오 : http://docs.jquery.com/Plugins/tooltip –

Diodeus가 쓴대로 맵의 맨 위에 "절대"DIV를 만듭니다. 이전 MAP 태그가 HTML5에서 지원되는지는 기억할 수 있지만 원과 다각형 모양의 영역도 지정할 수 있습니다. 나는 DIV 해결책을 위해 아직도 갈 것이다. 약간의 CSS 지식을 가지지 만, 일단 올바르게 이해하면 쉽습니다. absolute positioning (ALA 페이스 북 태그)를

사용

출처

2011-03-25 14:58:34 BerggreenDK

Theres는이 그것을 할 수있는 방법, image map, 이미지 위에 레이어 링 요소는 관심이있을 수 JQuery와에 대한 플러그인을 Theres는. 아래 JQuery MapHilight Plugin

그리고

는 페이스 북의 사진 태그에 비슷한 스스로 할 수있는 튜토리얼입니다. here을 설명

Tutorial using divs

출처

2011-03-25 15:00:38 Loktar

의 총수 DIV 중 화면 꺼짐 (내 취향) 또는는 Z-인덱스 재생합니다. 호버시 조정.

click me

출처

2011-03-25 15:05:01 SQLMason