그래서 ASP.NET MVC로 구축하는 .Net 프레임 워크를 사용하고 있습니다. 어떻게 동적 인 대화식 웹 2.0 스타일의 이미지 맵을 만들 수 있습니까? 예를 들어 세계지도에서 국가를 가리키면 선택한 국가가 강조 표시되고 도구 설명에 다양한 정보가 표시되며 국가를 클릭하면 해당 국가 세부 정보 페이지로 이동합니다.jQuery를 사용하여 동적 인 대화식 이미지 맵을 만들려면 어떻게해야합니까?
글쎄, 내 대답은 jQuery를 사용하지 않고 플래시 기반지도를 사용하고 있습니다.
내 마지막 프로젝트에서 클라이언트 요구 사항 중 하나는 해당 국가에서 마우스를 올려 놓았을 때 나타날 수있는 마약 정보의 수와 함께 세계지도를 표시하는 것입니다. 지도 솔루션을 시도한 후에는 ammap을 사용합니다.
ammap은 조용하고 사용하기 쉽고 맞춤 설정되었습니다. 라이센스 키가 없으면 ammap 웹 사이트 링크가 표시됩니다. 각 영역에 대해 원하는 텍스트를 넣을 수 있습니다. 지역은 사전 정의 된 국가 일 수도 있고 정의 할 수도 있습니다 (예 : 새로운 픽션 섬과 국가 만들기). 지도는 히트 맵을 사용하여 색칠하거나 대륙에서 국가로 드릴 다운 할 수 있습니다. 이 문서는 거의 모든 설정 가능성을 다루고 있으며, 포함 된 예제를 통해 트릭을 배울 수도 있습니다. 당신이해야합니다
http://plugins.jquery.com/project/maphilight
좋은 툴팁이 자신을 추가 할 수 있지만 사용할 수 많은 다른 플러그인이 있습니다
JQuery와의 maphilight 완전히 사용자의 요구에 맞게 것이다 나는 생각한다.
저는 이러한 플러그인 jVectorMap에서 작업합니다. 여기서 확인할 수 있습니다 jvectormap.owl-hollow.net.
큰 충고를 보내 주셔서 감사합니다. 그 +1 –
+1, 멋진 프로젝트! 여기에 플러그인 요약을 추가하면 좋을 것입니다. – brasofilo