Question

这是我的代码。

 $('.google-map').each(function(index, el){
        window.initMap = function() {
            var latlng = new google.maps.LatLng(40.7483624, -73.9900896);
            var options = {
                zoom: 14,
                center: latlng
            }
            var map = new google.maps.Map(el, options);
        } });

只有在只有一个地图对象的情况下才能正常工作。

Answer 1

现在，您遍历jQuery集合并在每次迭代时覆盖initMap。不要试图在循环中这样做，而是等待initMap而不是循环。

window.initMap = function() {
   $('.google-map').each(function(index, el) {
     var latlng = new google.maps.LatLng(40.7483624, -73.9900896);
     var options = {
       zoom: 14,
       center: latlng
     }
     var map = new google.maps.Map(el, options);
   });
 }

是否可以添加未知数量的谷歌地图？

1 个答案: