Question

我一直在使用Ammap Library并创建了Map https://www.amcharts.com/demos/custom-html-elements-map-markers/

我想使用method（）删除Map images对象，Details在下面的链接中。任何人都可以告诉我如何使用这个方法（）

https://docs.amcharts.com/3/javascriptmaps/MapImage#deleteObject
方法名称：＆＃34; deleteObject（）＆＃34;

先谢谢

Answer 1

deleteObject是图像/对象本身的成员方法，因此您只需从要删除的对象中调用它，例如。

image.deleteObject();

如果您的地图使用了演示中的自定义HTML元素，则还需要通过调用DOM中的createCustomMarker来删除removeChild方法中生成的div。你需要能够以某种方式访问该div，所以我建议修改它以将div的id设置为稍后可以查找的内容，如图像的id：

// this function creates and returns a new marker element
function createCustomMarker(image) {
  // create holder
  var holder = document.createElement("div");
  holder.className = "map-marker";
  holder.title = image.title;
  holder.id = image.id; //added to make div lookup easier
  // ...
}

此修改假定您在图像中设置了一个ID，这也是建议的，因为您可以使用getObjectById方法获取图像对象并调用其deleteObject方法。

这是一个示例函数，可在提供图像ID时删除图像和自定义标记：

function deleteImage(imageId) {
  var image = map.getObjectById(imageId);
  var imageDiv;
  if (image) {
    image.deleteObject(); //delete the ammap image object
    imageDiv = document.getElementById(imageId); //get the custom marker div
    imageDiv.parentNode.removeChild(imageDiv); //remove it from the DOM
  }
}

Demo - 点击按钮删除相应的标记。

如何从Ammap.js中删除MapImage

1 个答案: