source

Wordpress : 구글 임베디드 맵 iframe에서 확대/축소 수준을 설정해야 합니다.

manycodes 2023. 2. 14. 21:32
반응형

Wordpress : 구글 임베디드 맵 iframe에서 확대/축소 수준을 설정해야 합니다.

내 웹사이트에서 이 코드와 함께 Map embled iframe을 사용하고 있습니다.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4911422.152107185!2d-6.743420312530421!3d53.05351610420746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487a5d16d99dac79%3A0xbd0539007f0aea54!2s27+Eddisbury+Dr%2C+Newcastle%2C+Staffordshire+ST5+7SL%2C+UK!5e0!3m2!1sen!2sin!4v1465471022612" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

보인다

동작은 좋은데, 이 iframe에서 줌 레벨을 설정하고 싶은데 가능한가요?어떻게 설정하는지 안내해주세요.감사합니다!!

내가 이것을 추가할 때

<iframe style="height:100%; width:100%;" src="https://www.google.com/maps/embed/v1/place?q=27+Eddisbury+Dr,+Newcastle,+Staffordshire+ST5+7SL,+UK&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU&zoom=15"></iframe></div>

그럼 난 이걸 받을거야

작동하지만 모든 페이지 내용 및 div도 방해합니다.그리고 높이와 폭을 맞추려고 해도 변하지 않습니다.다시 질문입니다만, 높이와 너비, 지도 스타일을 변경할 필요 없이 줌 레벨을 설정하려고 합니다.

문제를 해결했습니다.여기 스크린샷을 추가하겠습니다.

나는 페이지를 열었고,

그리고 이렇게 열렸다.

여기에 이미지 설명 입력

이제 주소 표시줄로 이동합니다.

여기에 이미지 설명 입력 lat long 및 lat long과 관련된 Z를 찾아서 원하는 대로 이 Z를 변경하여 페이지를 새로 고칠 수 있습니다.

또는

여기에 이미지 설명 입력

그런 다음 왼쪽 상단에 있는 톱니바퀴 버튼으로 이동합니다.

여기에 이미지 설명 입력

이렇게 하면 이렇게 사이드바가 열립니다.

여기에 이미지 설명 입력 그런 다음 공유 또는 임베드 맵을 찾아 클릭하면 열립니다.

여기에 이미지 설명 입력

그럼

여기서 iframe 코드를 복사하여 사용합니다.여기에 이미지 설명 입력

바로 그거야.모든 사람에게 효과가 있을 것이다.

<html>

   <head>
     <title>Google map</title>
   </head>
  <body>
    <iframe style="height:100%; width:100%;" src="https://www.google.com/maps/embed/v1/place?q=27+Eddisbury+Dr,+Newcastle,+Staffordshire+ST5+7SL,+UK&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU&zoom=15"></iframe></div>
	
  </body>   
</html>

사용할 수 있습니다.zoom벨로우와 같은 확대/축소 수준 변수.

<iframe style="height:100%; width:100%;" src="https://www.google.com/maps/embed/v1/place?q=27+Eddisbury+Dr,+Newcastle,+Staffordshire+ST5+7SL,+UK&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU&zoom=15"></iframe></div>

&z=nn Some value 매개 변수를 사용하여 시도할 수 있습니다.난 괜찮아.여기 참조 코드가 있습니다.

<iframe width="640" height="480" src="https://www.google.com/maps/d/embed?mid=1I8s3COxd2tY0wGKPiBxra1gkE6wpAEx1&z=19"></iframe>

포인트 이벤트: all을 변경하면 구글 맵과 같은 기능을 사용할 수 있습니다.확대, 루트 만들기 등입니다.

.map iframe {
  pointer-events: all;
  height: 100%;
  width: 100%;
  border: 0;
}

언급URL : https://stackoverflow.com/questions/37747801/wordpress-need-to-set-zoom-level-in-google-embedded-map-iframe

반응형