有没有一种简单的方法可以使用Google Maps API，以使地图显示在iframe中而不是内联？我想这样做是因为some WordPress templates have CSS rules that are applied to the Google Maps elements too给出了奇怪的结果。当前默认主题的一个示例：帖子内容中的图像的max-width为97.5％，这在地图图块之间产生了以下差距：
假设这是一个将用于不同主题的插件，因此我无法控制基本CSS。我认为可以通过三种方法解决此问题：
在我的插件中添加额外的CSS规则，以重置所有可能冲突的基本规则（很难做到，在野外有太多奇怪的设置-max-width: 97.5%只是其中之一）。
要求Google在CSS中添加更多!important规则以防止此类冲突（同样困难，Google可能不愿意这样做）
只需将地图放入iframe
如果您有更好的建议来防止这些冲突，我想知道它们。
最佳答案
就像将地图放入iframe，将iframe大小设置为地图大小并使用frameborder=0删除iframe边框一样简单
编辑：您还必须在地图页面上删除填充/边距。
map_page.html
html, body { margin: 0, padding: 0 }