Google Maps API v3 ですべてのマーカーを削除するにはどうすればよいですか?

Google Maps API v3 でのマーカーの削除: 更新されたアプローチ

Google Maps API v2 では、map.clearOverlays を使用して地図マーカーを簡単に消去できました()。ただし、このメソッドは API v3 では使用できません。ここでは、v3 ですべてのマーカーを効果的に削除するための包括的なガイドを示します。

重要なのは、配列を利用してマーカー参照を保存し、配列を反復処理してマップからマーカーを削除することです。このプロセスの概要を次の手順に示します。

I.グローバル変数を宣言します:

var markersArray = [];

II.関数を定義します:

function clearOverlays() {
  for (var i = 0; i < markersArray.length; i++ ) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}

この関数は、markersArray を反復処理し、各マーカーの setMap プロパティを null に設定してマップから削除し、配列を空にします。

または、Map プロトタイプを拡張して、clearOverlays を含めることができます。メソッド:

google.maps.Map.prototype.clearOverlays = function() {
  for (var i = 0; i < markersArray.length; i++ ) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}

III.マーカーを配列にプッシュします:

マーカーを削除する前に、マーカーが markersArray に追加されていることを確認してください。次のコードを使用します:

markersArray.push(marker);
google.maps.event.addListener(marker,"click",function(){});

IV.オーバーレイのクリア関数を呼び出します:

マーカーの削除を実行するには、必要に応じて、clearOverlays() 関数または map.clearOverlays() を呼び出します。

これらの手順に従うことで、効果的に次のことができます。 Google Maps API v3 アプリケーションからすべてのマーカーを削除します。

以上がGoogle Maps API v3 ですべてのマーカーを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。