웹 페이지에 많은 작은지도를 표시하기에 좋은 라이브러리는 무엇입니까

다음과 유사한 웹에서 시각화를 만들고 싶습니다. http://namemapper.babynamewizard.com/namemapper/

이 작업을 수행하기위한 좋은 라이브러리가 있습니까? 가 OpenLayers 한 번에 여러 맵을 처리 할 수있는 경량 충분?

실제로 작은지도 (예 : 상단에있는지도)에는 OpenLayers 또는 다른 라이브러리가 필요하지 않습니다. 그것들은 순전히 정적이며 (패닝 / 줌 등), 따라서 선택한 맵 서버의 응답을 보여주는 간단한 이미지가 될 수 있습니다.

OpenLayers는 많은 정적 맵에 사용될 수 있습니다. 과거에는 단순한지도 인 한 큰 성능 저하없이 단일 페이지에 최대 200 개의지도를 만들었습니다. 많은 사이트에서 작은 정적 OpenLayers 맵을 사용하여 간단한 맵을 만들었습니다. 사이트의 다른 많은 맵에 사용하는 것과 동일한 이미지 타일 세트를 사용할 수 있기 때문입니다.

이와 같은 OpenLayers를 사용할 때는로드 된 타일 수를 제한하기 위해 "buffer : 0"과 같은 옵션뿐만 아니라 제한된 수의 레이어와 컨트롤을 사용하는 것이 좋습니다. 귀하의 목표는 OpenLayers가 생성하는 DOM 요소의 수를 최소화하는 것입니다. 이것이 페이지 또는 응용 프로그램을로드하는 데 큰 성능 병목 현상이되기 때문입니다.

모든 타일 데이터를 미리 캐싱하지 않거나 벡터 데이터로 작업하지 않는 응용 프로그램의 경우 어떤 종류의 맵 서버에 단일 이미지 요청을 사용하는 것이 더 좋습니다. 타일 ​​형 데이터로 작업하거나 클라이언트가 렌더링 한 벡터 데이터를 사용하려는 경우 OpenLayers를 사용하면 유스 케이스를 해결할 수 있습니다.

HTML은 WMS와 같은 서버 측 또는 OpenLayers와 같은 클라이언트 측 라이브러리없이 간단한 정적 맵을 작성하는 데 사용될 수 있습니다. HMTL의 태그 맵 및 area 와 결합하여 맵 영역의 래스터 이미지를 사용하십시오. 마지막은 특성 모양 이 'poly'로 설정되어 있습니다. 지도 객체의 왼쪽 상단 모서리를 기준으로 테두리의지도 좌표를 제공해야합니다. 또한 onmouseover 또는 onclick 과 같은 이벤트 가 지원됩니다.

• HTML 맵 (w3schools.com)
• 클라이언트 측 이미지 맵 : MAP 및 AREA 요소 (W3C 권장 사항)

2010-09-26 01:25 CET : HTML 이미지 맵의 예는 ' iCITA : Image Map Example ' 에서 찾을 수 있습니다 .