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

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);
   });
 }