Drag box zoom

1.1 Create a map

const map = new AMap.Map("container", {
  zoom: 10, 
  showOversea: true, //Enable world Map
  mapStyle: "amap://styles/whitesmoke", 
  viewMode: "2D", 
});

1.2 Create a MouseTool instance

This example uses asynchronous plugin installation. Introduce plugins as needed through the AMap.plugin method, and use plugin functions after the plugin callback. Plugin introduction method Plugin usage.

AMap.plugin("AMap.MouseTool", function () {
  var mouseTool = new AMap.MouseTool(map); //Create an instance of the mouse tool plugin
});

1.3 Zoom in

//Use plugin functions in the callback function
mouseTool.rectZoomIn({
  strokeColor: "#80d8ff",
  fillColor: "#80d8ff",
  fillOpacity: 0.3,
  //Same as the Option Settings of Polygon
});

1.4 Zoom Out

//Using Plugin Functions in Callback Functions
mouseTool.rectZoomOut({
  strokeColor: "#80d8ff",
  fillColor: "#80d8ff",
  fillOpacity: 0.3,
  //Same as the Option Settings of Polygon
});

1.5 Close Box Zoom

//Using Plugin Functions in Callback Functions
mouseTool.close();