blocks|key|1287160|text|有关打开给您的各种选项的详细信息，请参阅here，但您现在必须遍历标记并逐个删除它们。您的代码应该如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1287161|var+markers+=+[];

function+clearOverlays()+{
+while(markers.length)+{+markers.pop().setMap(null);+}
++markers.length+=+0;
}

markers.push(marker);
google.maps.event.addListener(marker,"click",function(){});|code-block|syntax|javascript|1287162|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1544739/google-maps-api-v3-how-to-remove-all-markers^0|K|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

See <a href="https://stackoverflow.com/questions/1544739/google-maps-api-v3-how-to-remove-all-markers">here</a> for details on the various options open to you but you now have to iterate through the markers and remove them individually. Your code should look something like this:

<pre><code>var markers = [];

function clearOverlays() {
 while(markers.length) { markers.pop().setMap(null); }
 markers.length = 0;
}

markers.push(marker);
google.maps.event.addListener(marker,"click",function(){});
</code></pre>

blocks|key|3450378|text|这是一个很好的例子：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3450379|http://apitricks.blogspot.com/2010/02/clearoverlays-in-v3.html|offset|length|3450380|链接失效时的文章：|3450381|clearOverlays()+in+V3|style|CODE|3450382|v3接口中没有clearOverlays()。还介绍了一些实践。我认为这是到目前为止最简单的。|3450383|在创建时推送数组中的所有覆盖(如往常一样)。下面的代码将清除map和数组：|3450384|while(overlays[0])
{
++overlays.pop().setMap(null);
}|code-block|syntax|javascript|3450385|方法删除数组的最后一个元素，并返回该元素。只要数组中有元素，“‘while”就会一直保持这种状态。当覆盖不再存在时，任务完成，代码将继续。|3450386|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1Q|0|0|0|0|L|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|F|3|G|5|6|7|18|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|19|8|@$D|1A|E|1B|J|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1C|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1D|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1E|8|@]|9|@]|A|$S|T]]|$1|U|3|V|5|6|7|1F|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|C]]]]

This is good one:

<a href="http://apitricks.blogspot.com/2010/02/clearoverlays-in-v3.html">http://apitricks.blogspot.com/2010/02/clearoverlays-in-v3.html</a>

Article in case the link dies:

<code>clearOverlays() in V3</code>

There is no clearOverlays() in API v3. Some practices have been presented. I think this is the simpliest so far.

Push all the overlays in an array when created (as usual). Following code will clear both map and the array:

<pre><code>while(overlays[0])
{
 overlays.pop().setMap(null);
}
</code></pre>

pop() method of an array removes the last element of an array, and returns that element. 'while' keeps that happening as long as there are elements in the array. When overlays[0] does not exist anymore, the mission is completed and code will proceed.

blocks|key|3450414|text|您可以查看Google+Maps文档，因为它显示了简单的deleteOverLays方法http://code.google.com/apis/maps/documentation/javascript/overlays.html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3450415|//+Deletes+all+markers+in+the+array+by+removing+references+to+them
function+deleteOverlays()+{
++if+(markersArray)+{
++++for+(i+in+markersArray)+{
++++++markersArray[i].setMap(null);
++++}
++++markersArray.length+=+0;
++}
}|code-block|syntax|javascript|3450416|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/apis/maps/documentation/javascript/overlays.html^0|18|1Z|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You can take a look at the Google Maps documentation as it show simple deleteOverLays method <a href="http://code.google.com/apis/maps/documentation/javascript/overlays.html" rel="nofollow">http://code.google.com/apis/maps/documentation/javascript/overlays.html</a>

<pre><code>// Deletes all markers in the array by removing references to them
function deleteOverlays() {
 if (markersArray) {
 for (i in markersArray) {
 markersArray[i].setMap(null);
 }
 markersArray.length = 0;
 }
}
</code></pre>

blocks|key|3450445|text|你可以在这里找到谷歌提供的一个很好的例子：http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/clear-all-overlays/clear-all-overlays.html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3450446|基本上，这个想法就是移除|3450447|3450448|Markers+|unordered-list-item|3450449|Polygons+|3450450|3450451|Polyline(分别标记多边形和折线)|3450452|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/clear-all-overlays/clear-all-overlays.html^0|L|2W|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|11|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|12|8|@]|9|@]|C|$]]|$1|J|3|K|5|I|7|13|8|@]|9|@]|C|$]]|$1|L|3|-4|5|I|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

You can find a good example provided by Google here:
<a href="http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/clear-all-overlays/clear-all-overlays.html" rel="nofollow">http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/clear-all-overlays/clear-all-overlays.html</a>

Basically the idea is the remove

<ul>
<li>Markers </li>
<li>Polygons </li>
<li>and Polylines separately</li>
</ul>

blocks|key|1283741|text|我找到了另一种解决方案，效果非常好，它将移除地图上存在的所有叠加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1283742|gmap.overlayMapTypes.setAt(+0,+null);|code-block|syntax|javascript|1283743|而gmap是您的地图对象|1283744|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I found another solution and it works very good 
it will remove all overlays that exist on the map

<pre><code>gmap.overlayMapTypes.setAt( 0, null);
</code></pre>

while gmap is your map object

blocks|key|539005|text|这个怎么样？我不想使用.setMap(null)，因为我不知道再次启动polyShape的更好方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|539006|polyShape+=+new+google.maps.Polygon(
++++{
++++++++strokeColor+++++:+'#000000',
++++++++strokeOpacity+++:+0.3,
++++++++strokeWeight++++:+1,
++++++++fillColor+++++++:+"#000000",
++++++++fillOpacity+++++:+0.26,
++++++++geodesic++++++++:+true
++++});|code-block|syntax|javascript|539007|然后..。遍历路径以将其删除。|539008|var+path+=+new+google.maps.MVCArray;

/**
+*+Delete+all+points+inside+Map
+*/
function+clearMap()
{
++++//clear+markers
++++for+(var+i+=+0;+i+<+markers.length;+i%2B%2B)
++++{
++++++++markers[i].setMap(null);

++++}
++++markers+=+[];

++++//clear+polygon,+still+finding+more+elegant+way
++++while+(polyShape.getPath().length)
++++{
++++++++path.removeAt(0);
++++}
}|539009|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

How about this one? I don't want to use the .setMap(null), because I don't know a better way to initiate the polyShape again.

<pre><code>polyShape = new google.maps.Polygon(
 {
 strokeColor : '#000000',
 strokeOpacity : 0.3,
 strokeWeight : 1,
 fillColor : "#000000",
 fillOpacity : 0.26,
 geodesic : true
 });
</code></pre>

Then.. iterate through the path to remove it.

<pre><code>var path = new google.maps.MVCArray;

/**
 * Delete all points inside Map
 */
function clearMap()
{
 //clear markers
 for (var i = 0; i &lt; markers.length; i++)
 {
 markers[i].setMap(null);

 }
 markers = [];

 //clear polygon, still finding more elegant way
 while (polyShape.getPath().length)
 {
 path.removeAt(0);
 }
}
</code></pre>

blocks|key|2042815|text|overlayMapTypes对象提供了一个清晰的方法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2042816|map.overlayMapTypes.clear()|2042817|而map是您的Google+Maps对象。|2042818|如果在您的API版本中找不到该方法，您可以求助于clear的以下源代码|2042819|clear+=+function()+{
++++for+(;+this.get("length");)+this.pop()
};|code-block|syntax|javascript|2042820|entityMap^0|0|F|0|0|R|0|0|O|5|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|L|3|M|5|N|7|12|8|@]|D|@]|E|$O|P]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

The <code>overlayMapTypes</code> object brings a clear method:

<code>map.overlayMapTypes.clear()</code>

Whereas map is your Google Maps object.

If you cannot find the method in your API version, you can resort to the following source of <code>clear</code>:

<pre><code>clear = function() {
 for (; this.get("length");) this.pop()
};
</code></pre>

In Google Maps API v2, I was using <code>map.clearOverlays()</code> to remove the marker and draw them again.

How can I do that using Google Maps API v3 ?

Thanks

Google Maps API v3 - How to clear overlays?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在Google Maps API v2中，我使用map.clearOverlays()删除标记并重新绘制它们。如何使用Google Maps API v3实现这一点？谢谢

问谷歌地图应用编程接口v3 -如何清除覆盖？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌地图应用编程接口v3 -如何清除覆盖？EN