Cara menggunakan JS dan Amap untuk melaksanakan fungsi zum dan seret lokasi

Langkah 4: Tetapkan titik tengah peta dan aras zumnew AMap.Map('mapContainer')，我们可以创建一个地图对象，并传入地图容器的ID。

步骤四：设置地图中心点和缩放级别
在初始化地图对象后，我们可以使用setZoom()和setCenter()方法来设置地图的中心点和缩放级别，代码如下：

var map = new AMap.Map('mapContainer');

通过调用setZoom()方法，我们可以设置地图的缩放级别，值越大表示地图缩放得越近。通过调用setCenter()方法，我们可以设置地图的中心点坐标，参数接受一个数组，数组的第一个元素为经度，第二个元素为纬度。

步骤五：启用地图缩放与拖拽功能
在地图对象初始化后，默认已经启用了地图缩放和拖拽功能。但是，如果我们想显示缩放和拖拽的控制器，可以在初始化地图对象时，传入相应的参数，代码如下：

map.setZoom(14); // 设置缩放级别为14 map.setCenter([经度, 纬度]); // 设置地图中心点的坐标

通过设置zoomEnable参数为true，我们可以启用地图的缩放功能。通过设置dragEnable参数为trueSelepas memulakan objek peta, kita boleh menggunakan kaedahsetZoom()dansetCenter()untuk menetapkan pusat titik peta dan tahap zum, kodnya adalah seperti berikut:

var map = new AMap.Map('mapContainer', { zoomEnable: true, // 启用地图缩放功能 dragEnable: true // 启用地图拖拽功能 });

Dengan memanggil kaedahsetZoom(), kita boleh menetapkan tahap zum peta Semakin besar nilai, semakin dekat peta dizum. Dengan memanggil kaedahsetCenter(), kita boleh menetapkan koordinat titik tengah peta Parameter menerima tatasusunan Elemen pertama tatasusunan ialah longitud dan elemen kedua ialah latitud .

Langkah 5: Dayakan fungsi zum dan seret peta
Selepas objek peta dimulakan, fungsi zum dan seret peta didayakan secara lalai. Walau bagaimanapun, jika kita ingin memaparkan pengawal zum dan seret, kita boleh memasukkan parameter yang sepadan apabila memulakan objek peta Kod adalah seperti berikut: