javascript - 如何使用 iframe 在选项卡中居中我的 Google map 标记

标签 javascript google-maps google-maps-api-3

我在使用 iframe 将我的标记居中时遇到问题

示例 here ,您单击“ map ”选项卡,但标记未居中。如果没有 iframe 的直接链接看起来很棒。可以看到 here .

var myOptions = {
  zoom: 12,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}

center: myLatlng 看起来无法在带有 iframe 的选项卡中使用。我该如何解决?让我知道

最佳答案

我曾经遇到过类似的问题,我能够通过触发调整大小事件并在单击选项卡时再次设置中心来解决它。

// add this to the tab click event
    google.maps.event.trigger(map, 'resize');
    map.setCenter(myLatlng);

关于javascript - 如何使用 iframe 在选项卡中居中我的 Google map 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5536343/

相关文章:

google-maps-api-3 - Google maps api v3 标准游标

javascript - 根据谷歌地图上的驾驶位置过滤地址

javascript - 拖动事件期间每 x 毫秒触发一次回调(HTML5、Ember)

android - 升级到 androidx.preference :preference-ktx:1. 2.0 后出现奇怪的行为

javascript - 在 JavaScript 中使用 for 循环为音频文件分配不同的源

android - ClassNotFoundException : com. google.android.gms.maps.MapFragment 与 AndroidStudio

angular - 使用@angular/service-worker 缓存 Google Maps API

javascript - 使用纬度和经度生成带有方向的谷歌地图链接

javascript - 扩展现有对象以添加额外的 JavaScript Prototype 方法

javascript - 在shell本身而不是sapui5的新窗口中打开http链接