Google maps 谷歌地图图例中重复的图像和文本

我用一个传奇建立了这个谷歌地图。请参阅下面的代码。 图例中的元素有时在第一次加载时复制，有时在页面刷新时在所有设备上复制。 我在Stackoverflow（）上也看到了类似的问题，但没有找到解决方案。我删除了代码的一些额外部分

        function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
                zoom: 8,
                center: centerCords
            });
var legend = document.getElementById('legend');
        for (var key in icones) {
          var type = icones[key];
          var name = type.name;
          var icon = type.icon;
          var div = document.createElement('div');
          div.innerHTML = '<img src="' + icon + '"> ' + name;
          legend.appendChild(div);
        }
addMarkerInfo();
map.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(legend);
        }

函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
缩放：8，
中心线：中心线
});
var legend=document.getElementById（'legend'）；
用于（icones中的var键）{
变量类型=图标[键]；
var name=type.name；
var icon=type.icon；
var div=document.createElement（'div'）；
div.innerHTML=''+名称；
图例.附件（部门）；
}
addMarkerInfo（）；
map.controls[google.maps.ControlPosition.LEFT_-BOTTOM].push（图例）；
}

通过IssueTracker中的此错误回答：

我注意到您在调用Maps Javascript回调函数的同时，还调用了两次initMap（）函数：

第一：

我试图删除第二个呼叫，传奇不再有重复

 <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">

window.onload = function () {
    initMap();
};