当我点击一个标记时，我需要放大两个级别来查看位置。

Question

• 我正在使用标记簇组。
• 使用它，我可以显示两个标记。
• 当你点击2号，它是红色，你会看到两个标记。
• 之后，当我单击一个标记时，我需要放大两个级别来查看位置。
• 为此，我编写了一个标记单击，并在其中添加了缩放，并尝试使用限界，但它没有放大。
• 我们用了地图中心，它也不起作用了。
• 你能告诉我怎么修吗。
• 提供下面的代码片段和沙箱。

https://codesandbox.io/s/20756jrz8p

MarkerClick = e => {
console.log("e----->", e);
this.setState({
  viewport: { center: [20, 6], zoom: 7 }
});
//this.refs.mymap.leafletElement.setZoom(8);
//let bounds = this.refs.mymap.leafletElement.fitBounds();
//console.log("bounds----->", bounds);

console.log(
  "after setting state zoomlevel bounds showCard--->",
  this.state.zoom
);

// this.setState({ zoom: 18 });

//this.setState({ zoomLevel: 7 });

}；

Answer 1

在MarkerClick()中使用的缩放值低于当前的缩放值(缩放= 8)。因此，你没有得到适当的缩放。使用Zoom = 14或16和一组不同的协调器，而不是20,6。

例如：

MarkerClick = e => {
...
    this.setState({
          viewport: { center: [43.39528702235596, 6.294845731267186], zoom: 16 }
    });
...
}