getMap(lnglat) { console.log(lnglat) let _this = this; let a=''; if (lnglat!=null){ a=lnglat.split(","); } //创建地图 //marker点 if(lnglat===''){ map = new AMap.Map("map", { // mapStyle: 'amap://styles/grey', resizeEnable: true, zoom: 16, center: [120.577387,30.059971], }); }else { map = new AMap.Map("map", { // mapStyle: 'amap://styles/grey', resizeEnable: true, zoom: 16, center: [a[0], a[1]], }); } map.on("click", showInfoClick); function showInfoClick(e) { map.clearMap();//清理地图 let lng = e.lnglat.getLng(); //获取经度 let lat = e.lnglat.getLat(); //获取纬度 //marker点 let marker = new AMap.Marker({ position: [lng, lat], offset: new AMap.Pixel(0, 0) }); _this.lnglat = lng + "," + lat;//将经纬度绑定至input输入框 map.add(marker); //加载点 map.setFitView(); //缩放至地图 } },
时间: 2024-02-14 19:21:15 浏览: 99
BaiduMapApiDemo.rar_android开发_Java_
这段代码是一个 JavaScript 函数,名为 `getMap`。这个函数接受一个参数 `lnglat`,它的作用是创建一个高德地图,根据用户传入的经纬度信息设置地图的中心点和缩放级别,并在地图上添加一个标记点。具体来说,函数首先通过 `split` 方法将 `lnglat` 这个字符串以逗号为分隔符分成两个部分,分别代表经度和纬度。然后,如果 `lnglat` 为空字符串,就创建一个默认的地图,中心点坐标为 [120.577387,30.059971];否则,就使用用户传入的经纬度信息创建地图。接下来,函数绑定了地图的 `click` 事件,当用户在地图上点击时,会触发一个名为 `showInfoClick` 的函数。这个函数会在用户点击的位置上添加一个标记点,并将经纬度信息绑定在输入框中。最后,函数调用了 `map.setFitView()` 方法,使地图缩放到最佳级别,以便用户能够看到标记点。
阅读全文