ol6 地图添加、移除click事件

  • 添加移除map的点击事件必须使用同一个callback函数
// 开启弹窗
popupon.onchange = function(){
  map.on('click',callback)
}
popupoff.onclick = function() {
  popupon.checked = false
  map.un('click', callback);
}
/**
 * 添加移除map的点击事件必须使用同一个callback函数
 */
var callback = function(evt) {
// key = map.once('click', function (evt) {
  var coordinate = evt.coordinate;
  console.log('coordinate', coordinate)
  content.innerHTML = '<p>你点击的坐标是:</p><code>' + coordinate + '</code>';
  overlay.setPosition(coordinate);
  map.addOverlay(overlay);
  // 移除点击弹窗事件
  // popupon.checked = false
};

推荐阅读更多精彩内容