2013-03-22 4 views
1

Google지도에 무엇인가 겹치기 위해이 예제 코드를 사용하고 있습니다.Google지도 흐림 효과 적용

<!DOCTYPE HTML> 
<html> 
    <head> 
    <title>Google Map Test</title> 
    <style> 
     html, body { 
     margin: 0; 
     padding: 0; 
     font-family: Helvetica, sans-serif, Arial; 
     } 
     .txt { 
     position: absolute; 
     top: 100px; 
     left: 150px; 
     padding: 30px 50px; 
     text-align: center; 
     font-size: 13px; 
     font-weight: bold; 
     z-index: 99; 
     background-color: #fff; 
     border: 1px solid #ddd; 
     } 
    </style> 
    </head> 
    <body> 
    <div> 
     <iframe src="http://www.apps-tube.com/ip-lookup/google-map.php?xy=14.4673541,78.8241339" scrolling="no" frameborder="no" id="gmap" style="width:746px;height:380px;"></iframe> 
    </div> 
    <div class="txt">Country name</div> 
    </body> 
</html> 

나는

enter image description here

하지만 아래 이미지와 같은 blur effect하지 않고 결과를 원한다 [자동 blurred 텍스트이 결과를 얻을.

enter image description here

날이 흐림 효과를 제거 도와주세요. 예제 페이지는 this link을 참조하십시오.

참고 : Google 크롬을 사용하고 있습니다.

+0

두 이미지의 차이점을 말할 수는 없지만 조금 더 자세하게 변경하려는 내용을 설명 할 수 있습니까? –

+3

나는 어떤 차이도 볼 수 없다 – btevfik

+1

우연히 동일한 이미지를 업로드 했습니까 ?? – Jace

답변

1

Jooxa는이 오류를 무시합니다. 이 문제는 Google 브라우저 (버전 27 이하)에서만 발생합니다.

1

내가 구글 Crome 스 브라우저에서 코드를 테스트 한, 당신은 그것 (나는 그것의지도 이미지 API를 의미하는 이미지 만 호출, 난 당신이지도를 호출하는 방법을 보았다

은 iframe에서 map.php을 요구하고있다 ,

당신은 더 붙박이 방법이 없습니다, 동일한 솔루션 내에서

Google Maps API Web Services

이 문서를 참조하여 문제를 통과하여 다른 방법을 찾아 데이터가 미리 컴파일 된 이미지의 형태로 제공됨에 따라이 문제를 해결할 수 있습니다.

감사합니다.