css - 如何在 asp.net 站点上正确定位 google map？

Question

我已经在谷歌地图上创建了自定义 map my map

我已经把这个嵌入我的网站了

<div class="col-sm-6">
     <div class="embed-responsive embed-responsive-4by3" style="height:100%;">
     <iframe class="embed-responsive-item" src="https://www.google.com/maps/d/embed?mid=1_A5Oq-V3rEFUlYNoNyGTsyzc6EkEMryt" width="640" height="480"></iframe>
    </div>
</div>

但 map 显示，与预期不符

如何填写有什么解决办法吗？

Answer 1

您可以像这样简单地使用 iframe。您将获得完整的窗口高度和响应能力。

iframe{
  height: 100vh;
  width: 100%;
}

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3510.0722724513803!2d153.44808100000003!3d-28.386885000000003!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b90f10f81718185%3A0x976890f2ee368ce8!2sFIGJAM+IT+Pty+Ltd!5e0!3m2!1sen!2sau!4v1435707782546" frameborder="0" allowfullscreen="">
  </iframe>