iframe에서 Google지도 API를 사용하여 CSS 충돌을 방지 하시겠습니까?

Question

지도가 인라인이 아닌 iframe에 표시되도록 Google Maps API를 쉽게 사용할 수 있습니까? some WordPress templates have CSS rules that are applied to the Google Maps elements too, 이상한 결과를 주었기 때문에 이것을하고 싶습니다. 현재 기본 테마로 한 예 :

이 다른 테마에서 사용되는 플러그인입니다 가정 : 포스트 내용의 이미지는 max-width지도 타일 사이의 이러한 격차를 제공 97.5 %의 수 그래서 나는 기본 CSS를 제어 할 수 없다. max-width: 97.5%가 아니라 -

1. , 야생에서 많은 이상한 설정이 있습니다 (할 하드 충돌 할 수있는 모든 가능한 기본 규칙을 다시 내 플러그인에서 별도의 CSS 규칙을 추가 : 나는이 문제를 해결하는 방법은 세 가지가 있다고 생각 하나).
2. 구글이 충돌의이 종류를 방지하기 위해 자신의 CSS에 더 !important 규칙을 추가하자 (단지 열심히, 그리고 구글은이를 기꺼이하지 않을 수 있습니다)
3. 그냥 iframe에지도를 넣어

이러한 갈등을 막기위한 더 좋은 제안이 있다면 그 사실을 알고 싶습니다.

Answer 1

그것은 frameborder=0

---

편집으로 iframe이 국경의 iframe에지도를 넣어지도 크기로 iframe을 크기를 설정하고 제거하는만큼 쉽게 : 또한 패딩/마진을 제거해야합니다 지도 페이지에.

html, body { margin: 0, padding: 0 }