How to clear the specified overlay in Baidu map api

This article mainly shares with you a method of clearing the specified overlay (Overlay) based on Baidu Maps API. It has a good reference value and I hope it will be helpful to everyone. Let’s follow the editor to take a look, I hope it can help everyone.

Recently I am working on a project using the Baidu Map API. I need to display markers and polylines on the map at the same time, and the polylines need to be displayed or cleared based on clicks, so I encountered the problem of clearing the specified overlay. After various searches, I couldn't find a perfect solution. Through my own thinking, I found a way to solve this problem and posted it to share with everyone. Okay, let’s get to the point:

There are two methods for clearing overlays: map.removeOverlay() or map.clearOverlays(). The clearOverlays() method removes all overlays at once, and removeOverlay() removes them all at once. A designated overlay, obviously, I want to remove a class of Polyline overlays at a time, neither method works.

Baidu demo (http://developer.baidu.com/map/jsdemo.htm#c1_17) has an example of removeOverlay(), as follows:

function deletePoint(){
    var allOverlay = map.getOverlays();
    for (var i = 0; i <p> is done by traversing all overlays Filter the overlays to be removed; </p><p>For a type of overlays to be removed; you can set restrictions when adding overlays; </p><p>The first step: when adding overlays, is it correct? The overlay setting disableMassClear() that needs to be removed is explained in the official website documentation as follows </p><pre class="brush:php;toolbar:false">disableMassClear()

none prohibits the overlay from being cleared in the map.clearOverlays method. (Added since 1.1)

I don’t need to remove markers here, so the settings are as follows:

marker.disableMassClear();

Step 2: Clear the overlays to be cleared. Here you need to clear all Polyline without clearing the markers, now you can directly use

map.clearOverlays();

This way you can easily clear all the Polylines and keep the markers;

Step 3: When you need to remove the markers later , you can use the enableMassClear() method to cancel the prohibition of clearing;

enableMassClear()

none allows the overlay to be cleared in the map.clearOverlays method. (Added since 1.1)

But each marker needs to be restored, so it needs to be traversed:

var allOverlay = map.getOverlays();
      for (var i = 0; i <p>This restores the clearable operations of all overlays. </p><p>A simple three-step setup can efficiently operate the specified type of covering. </p><p>Related recommendations: <br></p><p><a href="http://www.php.cn/php-notebook-45056.html" target="_self">Drupal 7 Detailed explanation of how to extend Overlay?</a></p><p>##jquery tools series overlay learning_jquery<a href="http://www.php.cn/js-tutorial-23703.html" target="_self"></a></p><p>Implement overlay mask layer code under jquery_jquery<a href="http://www.php.cn/js-tutorial-21338.html" target="_self"></a></p>

The above is the detailed content of How to clear the specified overlay in Baidu map api. For more information, please follow other related articles on the PHP Chinese website!