在AJAX请求完成之前谷歌地图加载

Question

我在 rails 5.0.4 中使用 Google Maps API 。

我希望地图以用户位置为中心，并用坐标填充纬度，经度字段。目前， lat，lng 字段填充正确，但地图在异步调用完成之前加载，使地图位置与坐标不匹配。它在刷新后确实自行修复，但在第一次加载时，异步是一个问题。我试图用承诺设置它，但无法让它工作。

实现这一目标的最佳方法是什么？

var component_name = new Vue({
     el:'#element_container',
     data: {
         'data_to_be_watched': {'name': 'Abdel', 'surname': 'Sakherdine'}
     },
     watch: {
         'data_to_be_watched.name': function(value){
             //do something with value here
        }
    }
});

Answer 1

从文档就绪包装器中移动initMap（）函数。如果设置了lat / long，则直接调用initMap。

将它放在文档就绪包装器中会在页面加载时调用初始化地图，这是你不想要的。