为什么在map.on方法中找不到方法外部的数据

在使用 `map.on` 方法时，回调函数中的 `this` 指向的会是地图对象（`map`），而不是当前组件或页面的实例对象。因此，如果你想在回调函数中使用外部的数据，需要在回调函数之前将数据保存到一个变量中，然后在回调函数中通过该变量来访问数据。

例如，可以使用如下方式来保存数据：

// 定义变量
const myData = {
  name: '张三',
  age: 18
}

// 在map.on回调函数之前使用箭头函数保存数据
const myCallback = () => {
  // 在回调函数中通过myData来访问数据
  console.log(myData.name)
}

// 使用map.on方法，并传入回调函数
map.on('click', myCallback)

这样就可以在回调函数中访问外部的数据了。

相关问题

map.on方法屏蔽按住鼠标右键旋转地图

map.on方法可以监听地图的各种事件，包括鼠标事件。要屏蔽按住鼠标右键旋转地图，可以在map.on方法中监听鼠标右键按下事件，然后通过preventDefault方法阻止浏览器默认的右键菜单弹出。示例代码如下：

map.on('mousedown', function(e) {
  if (e.originalEvent.button === 2) {
    e.preventDefault();
  }
});

上面的代码中，我们在map.on方法中监听mousedown事件，当鼠标右键按下时，判断e.originalEvent.button的值是否为2（表示右键），如果是，则调用preventDefault方法阻止浏览器默认的右键菜单弹出。这样就可以屏蔽按住鼠标右键旋转地图了。

map.on方法屏蔽按住ctrl键

您可以在map.on方法中添加一个条件语句来屏蔽按住ctrl键。例如：

map.on('click', function(e) {
  if (!e.originalEvent.ctrlKey) {
    // 在没有按住ctrl键的情况下执行操作
  }
});

这将在用户单击地图时检查是否按住了ctrl键。如果没有按住ctrl键，则执行操作。如果按住了ctrl键，则不执行任何操作。