2012-06-09 2 views
1

Google지도 V3 API를 사용하여 내지도를 표시하고 있습니다.색조 Google지도

문제점 :지도 타일에 푸른 색조가 있지만 마커 및 다른 오버레이처럼 파란색으로 말하면 어떻게 색조를 칠할 수 있습니까? 나는 맞춤형 스타일을지도 자체에 사용하지 않기 때문에 스타일이 적용된지도에 대한 Google지도 사용 제한을 빠르게 벗어나게됩니다.

불투명도가있는 파란색 다각형을 추가하려고 생각했지만지도를 이동할 때 다각형이 화면 밖으로 벗어날 것이라고 생각했습니다. 이 효과를 얻는 더 좋은 방법이 있습니까?

답변

1

직사각형을 추가하면지도가 확대/축소 될 때 깜박 거리는 결함이있는 것처럼 나에게 확신을 줄 수 있습니다. 필자는 철저히 테스트하지는 않았지만 예를 들어 직사각형 아래에있는 선을 클릭 할 수없는 것과 같이 레이어 문제에 부딪 힐 수 있습니다. 마커는 기억하기 때문에 다른 창에 있으므로 클릭 할 수 있습니다.

데모http://jsfiddle.net/yV6xv/27/

bounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(-84.999999, -179.999999), 
    new google.maps.LatLng(84.999999, 179.999999)); 

rect = new google.maps.Rectangle({ 
    bounds: bounds, 
    fillColor: "#0000ff", 
    fillOpacity: 0.3, 
    strokeWeight: 0, 
    map: map 
}); 

사이드 참고 :이 같은 KML 오버레이 시도 :

<ScreenOverlay> 
    <name>Dynamic Positioning: Top of screen</name> 
    <visibility>0</visibility> 
    <Icon> 
     <href>http://...blue.png</href> 
    </Icon> 
    <overlayXY x="0" y="1" xunits="fraction" yunits="fraction"/> 
    <screenXY x="0" y="1" xunits="fraction" yunits="fraction"/> 
    <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/> 
    <size x="1" y="1" xunits="fraction" yunits="fraction"/> 
    </ScreenOverlay> 

승자가되었을 것입니다,하지만 당신은 드래그하여지도를 스크롤 할 수 없습니다.

+0

안녕하세요 Lilina, 도움을 주셔서 감사합니다. 스타일이 지정된지도의 사용량이 훨씬 적기 때문에지도 스타일 사용을 피하려고합니다. 오버레이/언더 레이를 사용하여이 작업을 수행 할 수 있습니까? – Nyxynyx

+0

질문을 읽지 않아서 죄송합니다. :(뭔가 생각할 것입니다.) –

+0

정말 멋진 색조를 얻었지만 어떤 플리커도 보지 못했습니다. 그러나 사각형이 내 사용자 지정 이미지 오버레이 (히트 맵)를 덮고 있고, 캔트가 오버레이를 사각형 위 또는 사각형 위에 가져 오는 것 같습니다. 맞춤 이미지 오버레이 아래 – Nyxynyx

0

API를 웹 페이지에 임베딩한다는 것을 전제로합니다. 사실이라면 API를 div로 감싸서 CSS를 사용하여 div를 원하는 파란색으로 채우고 div의 불투명도를 0.4 또는 (40 %)로 설정할 수 있습니다. 나는 웹 사이트에 소셜 미디어/소셜 네트워킹 연결을 사용하고 w3schools.com

인용으로

HTML

<div id="mapwrapper">MAP API EMBEDDING CODE</div> 

CSS

#mapwrapper{ 
     opacity:0.4; 
     filter:alpha(opacity=40); /* For IE8 and earlier */ 
     } 

: 코드를 다음과 같이 보일 것입니다.

웹 사이트에 퍼가기를 원한다면 나는 의도에 대해 구체적으로 물어볼 것입니다. 그러나이 일로 인해 코멘트를 게시 할 수 없습니다.

+0

예 웹 사이트에 임베드 할 때지도 위에 오버레이되도록 히트 맵이 생성되었지만 오버레이 타일에 투명 영역이 많이 있고 일부 색상으로 채워야하므로 히트 맵에 0으로 계속 채워집니다. 지도를 투명하게 보이게하는 것 – Nyxynyx

0

실제로 제안한 것보다 훨씬 나은 솔루션을 발견했습니다.

내 솔루션으로도 깜박 거림이 방지됩니다. Check it out in this thread!