删除通过Chart.js图表​​上的悬停事件动态添加的Google地图标记

Question

我有一张谷歌地图和一张Chart.js图表​​。将鼠标悬停在图表的某个部分上时，会在地图上创建相应的标记。但是，我想每次在地图上放置新标记时删除上一个标记，但似乎无法这样做。我已经尝试将标记推送到数组但是当我尝试记录数组时，它只有一个单独的标记，即使由于悬停在地图上有多个标记也是如此。这是我在map.js文件中的代码（这是在mapinit函数之后）：

  

`function findLatLng（data，index）{

     

var getDataFiltered = formatData（data）

     

var markerPosition = {       lat：getDataFiltered [index] .values.positionLat，       lng：getDataFiltered [index] .values.positionLong}

     

var markers = []

     

var marker = new google.maps.Marker（{position：markerPosition，map：   地图，标题：＆＃39; stamp＆＃39;}）; markers.push（标记）

     

addMarker（markerPosition）}

     

function addMarker（position）{

     

var markers = []

     

var marker = new google.maps.Marker（{position：marker，map：map，   标题：＆＃39; stamp＆＃39;}）; markers.push（标记）

     

if（marker.visible）{       marker.visible === false}

     

if（markers.length＆gt; = 2）{       标记物[0] .setMap（NULL）; }

     

function clearMarkers（markers）{       if（markers.length＆gt; 1）{         标记物[0] .setMap（NULL）;       `

我使用hover事件选项从graph.js文件中调用findLatLang函数。

`  hover: {
      onHover: function(element) {
        if (element.length > 0) {
          findLatLng(data, element[0]._index)
        }
     }
  },`