일부 지역을 제외하고 Google지도지도를 회색으로 표시 할 수 있습니까?


15

내가 찾고있는 것은 세계의 다른 지역을 회색으로 표시하여 Google지도지도에서 특정 영역을 강조하는 방법입니다.

나는 2 개의 폴리곤을 사용하는 솔루션에 대해 들었습니다. 그 중 하나는 표시되고 다른 하나는 표시되지 않으며 맵이 정적 인 경우에만 작동합니다 (지도 이동 없음). 그러나 사용자가 확대 / 축소하고지도를 드래그 할 수 있기를 바랍니다.

또한 영역을 강조 할 생각이없는 다른 방법에도 관심이 있습니다.

최신 정보:

radek가 게시 한 솔루션을 시도하면 (예 : outerBoundaryIs (보기보다 큼) 및 innerBoundaryIs (강조하는 영역)가있는 다각형으로 KML 만들기) 확대하면 사각형 영역이 적용되지 않는 문제가 발생합니다 더 이상 주변 다각형. 보다:

여기에 이미지 설명을 입력하십시오

그것에 대한 경험 / 솔루션을 가진 사람이 있습니까?

update2 :

마침내 Google Fusion Tables를 사용하여 radek의 솔루션을 테스트 할 시간이있었습니다. 처음에는 KML에서와 같이 타일이 누락 된 것과 동일한 문제가 있었지만 (위 그림 참조) 다시로드 한 후에 픽업 된 것처럼 보이며 타일이 완전히 올바르게 표시되었습니다. 그의 솔루션에서 jquery 해킹이로드되지 않은 타일을 의미한다고 생각합니다.

setTimeout(function(){ 
        $("img[src*='googleapis']").each(function() { 
            $(this).attr("src",$(this).attr("src")+"&"+(new Date()).getTime()); 
        }); 
    }, 5000);

새로 고침 후 타일이로드 된 것처럼 보였으므로 직접 해킹을 사용하지 않았습니다. 모든 새로운 사용자에 대해 버그가 발생하면이를 사용해 보도록하겠습니다.

답변:


18

Google Maps Mania 블로그는 스위스 행정 구역지도의 예를 가리 킵니다 .

여기에 이미지 설명을 입력하십시오

Vasile 의 코드 는 github에 있습니다.


1
이것은 실제로 내가 찾고있는 기능을 표시합니다! 필자의 경우 쉽게 구현할 수 있는지 확인하기 위해 소스로 다이빙해야합니다. 그들은 해킹에 대해 이야기하고 있습니다 (즉시 IE7 두려움을 얻습니다).
mrg

이 예에서 Google Fusion Tables를 사용해야합니까? 나는 지금 그것을 사용하지 않습니다. github 코드를 다운로드하고 요구 사항이 무엇인지 확인합니다.
mrg

2
KML에서 폴리곤을 만드는 것은 세상과 바깥 쪽 경계, 관심있는 영역과 경계선으로 이루어집니다. 투명도를 스타일링하는 데 어려움을 겪는 것 외에도 확대 할 때 반투명 레이어에 구멍이 생깁니다.
mrg

1
KML은 로딩 속도가 느리므로 항상 변경하면 매우 게으른 효과가 발생할 수 있습니다. 그 외에도 오래된 kml이 캐시되지 않도록 이름을 지속적으로 변경하지 않아도됩니까? Google Fusion Tables에 대한 지식이 필요하다고 생각합니다.
mrg

1
FusionTables 대신 KML 파일을 사용할 수있는 더 간단한 구현이 있습니까? 하나의 연속 영역 (도시 경계)을 색상으로 강조 표시하고 다른 모든 것을 회색으로 표시하면됩니다. Vasile의 코드를 살펴 봤지만 실제로는 복잡하며 브라우저 해킹에 의존하는 것 같습니다. 또한이 솔루션이 맵 창을 그레이 아웃 효과의 기초로 삼는 elrobis 의 제안을 사용할 수 있다면 훨씬 안정적이고 빠를 것이라고 생각합니다. {도시 주변에 경계를 그립니다. 그리고 색을 입 힙니다} // 완료 {경계 내부의 영역을 제외한 모든 것을 회색으로 표시합니다} ??????????????
user1845528

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.