Google Maps v3 api问题

Question

我的任务是创建一个从Google Maps Engine加载的Google地图。当然，其中包含所有必要的数据：名称，描述（地址），纬度和经度。

到目前为止，我已经成功加载了mapId以及layerKey - 但是地图中的数据没有显示。

这是我到目前为止所做的：

的WordPress /前端：

<section id="become-volunteer" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-4 become-volunteer-wrap">
                    <div class="col-md-12">
                        <h3>Indleveringssteder</h3>
                        <form id="contributersform" action="" method="post" onclick"seachLocations(2)" onsubmit="return false;">
                            <input type="text" class="controls" id="autocomplete" placeholder="Find nærmeste - indtast by/område" />
                            <span class="search-icon"><i class="fa fa-search"></i></span>
                        </form>
                        <p>På kortet til højre ser du en oversigt over de indleveringssteder, hvor du kan indlevere dine dåseringe. Nedenfor har mulighed for at tilmelde dig som indsamler fra lokalområdet. </p>
                        <div class="volunteer-cta"> 
                            <p>Vil du tage imod dåseringe?</p>
                            <a href="javascript:void(0);" id="signup-btn" data-toggle="modal" class="signup-volunteer-btn"><span class="contributer-collector-icon"></span>Meld dig som indsamler</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="volunteer-map"></div>
</section>

Map.js：

function initializeMap() {

    var map;

    var mapOptions = {
            center: new google.maps.LatLng(56.348995,9.988174),
            zoom: 7,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            disableDefaultUI: true,
            scrollwheel: false
    };

    var map = new google.maps.Map(document.getElementById('volunteer-map'), mapOptions);

    var mapsEngineLayer = new google.maps.visualization.MapsEngineLayer({
        mapId: '01841796515013443231-16071188762309719429',
        layerKey: '01841796515013443231-08112974690991164587',
        map: map,
        clickable: true,
        suppressInfoWindows: true
    });


}   
google.maps.event.addDomListener(window, 'load', initializeMap);

Answer 1

使用您的控制台：

  

您已在此页面上多次添加Google Maps API。   这可能会导致意外错误。