无法读取属性'offsetWidth'的null，google maps api js

Question

我需要在页面点击时初始化加载地图，但我有错误。在我的页面上可以是更多的一个地图，这就是为什么我在页面点击初始化。这是我的代码。请帮我解决这个问题。

$('.button-expand').on('click', function() {
            var self = $(this).text();
            if (self === 'EXPAND') {
                var location = @item.Latitude;
                if (location != null) {
                    var latlng = new google.maps.LatLng(@item.Latitude, @item.Longitude);

                    var mapOptions = {
                        center: latlng,
                        zoom: 17,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };

                    var name = '#gmap-' + @item.Id;
                    var map = new google.maps.Map(document.getElementById(name), mapOptions);

                    // create a marker
                    var image = '../Content/Images/map_icon.png';
                    var marker = new google.maps.Marker({
                        position: latlng,
                        map: map,
                        icon: image
                    });
                }
            }
        });

这是div：

@if (item.Latitude != null)
{
    <p>Map:</p>
    <div class="map-margin" id="gmap-@item.Id" data-id="@item.Id" style="min-height: 270px; height: 270px; min-width: 470px; width: 470px"></div>
}