OpenLayers에서 사용할 수있는 다각형을 어떻게 그립니까?

Question

Inkscape에서 다각형을 사용하여 사용자 정의 모양을 그릴 수 있습니다. 내 목표는 고정 된 위치에서 미국지도 위에 이러한 모양을 표시하는 것입니다. 지도와 폴리곤은 확대/축소 및 이동 기능이있는 웹 페이지에 표시됩니다. OpenLayers를 사용하여 이러한 폴리곤을 이러한 맵에 배치 할 수 있는지 알고 싶습니다. 방법? 어디서나 예를 들어? 나는 OpenLayers에 익숙하지 않고 내 요구 사항을 충족시킬 수 있다면 더 많이 배울 것입니다. 프로그래밍 방식으로 서버 또는 클라이언트 측 각각의 모양을 채울 수 있어야합니다. lon/lat 좌표를 기반으로지도에 마커를 배치하려고합니다. OpenLayers가이 모든 것을 지원합니까?

이것은 내가하고 싶은 일의 예입니다. 주황색 영역은 Inkscape에서 정의되었으며 주황색은 프로그래밍 방식으로 다른 색상 세트가 될 수 있습니다. 이것은 웹 페이지에 표시되는 간단한 svg 파일입니다.

Answer 1

당신은 정기적으로 이미지 오버레이로 내 보낸 SVG를 처리 할 수 ​​있어야한다. Here is the OpenLayers API for image overlays 및 here is another SO answer with a very basic image overlay example. OpenLayers는 마커를 지원 합니다만 SVG를 평면 이미지로 포함하는 경우 OpenLayers에서 SVG 요소의 스타일을 지정할 수 있는지 확실하지 않습니다 ...

제쳐두고, Polymaps은 약간 더 SVG 지향적 인 대체 매핑 라이브러리; 데이터를 기반으로 SVG 레이어를 동적으로 변형하고 SVG 요소의 스타일과 클래스를 조작하는 등의 작업에 특히 유용합니다. 예 : here's their example 매우 정교하게 이미지를 (오른쪽 상단/왼쪽 하단 좌표가 정의 된) .