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 22:21:15 浏览: 107
这段代码是一个 JavaScript 函数,名为 `getMap`。这个函数接受一个参数 `lnglat`,它的作用是创建一个高德地图,根据用户传入的经纬度信息设置地图的中心点和缩放级别,并在地图上添加一个标记点。具体来说,函数首先通过 `split` 方法将 `lnglat` 这个字符串以逗号为分隔符分成两个部分,分别代表经度和纬度。然后,如果 `lnglat` 为空字符串,就创建一个默认的地图,中心点坐标为 [120.577387,30.059971];否则,就使用用户传入的经纬度信息创建地图。接下来,函数绑定了地图的 `click` 事件,当用户在地图上点击时,会触发一个名为 `showInfoClick` 的函数。这个函数会在用户点击的位置上添加一个标记点,并将经纬度信息绑定在输入框中。最后,函数调用了 `map.setFitView()` 方法,使地图缩放到最佳级别,以便用户能够看到标记点。
相关问题
// 定位 pName: "Geolocation", events: { init(o) { // o 是高德地图定位插件实例 o.getCurrentPosition((status, result) => { // console.log(JSON.stringify(result)); if (result && result.position) { self.lng = result.position.lng; self.lat = result.position.lat; self.address = result.formattedAddress; self.center = [self.lng, self.lat]; // console.log(self.center, 99666); let o = amapManager.getMap(); if (!self.marker) { self.marker = new AMap.Marker({ position: self.center, }); self.marker.setMap(o); } self.marker.setPosition(self.center); }else{ self.$message.error("位置信息,获取失败!") } }); }, }, 解析一下
这段代码是一个关于地理定位的功能。其中,pName指定了这个功能的名称为"Geolocation"。events对象中包含了一个init方法,该方法接受一个参数o,表示高德地图定位插件的实例。在init方法中,调用o的getCurrentPosition方法,并传入一个回调函数。回调函数接受两个参数,status表示定位的状态,result包含了定位的结果。如果result存在且result.position存在,则将result.position.lng和result.position.lat分别赋值给self.lng和self.lat。同时,将result.formattedAddress赋值给self.address。然后,将self.lng和self.lat组成一个数组赋值给self.center。接下来,通过amapManager的getMap方法获取地图实例,并将self.center作为参数创建一个AMap.Marker对象,并将其添加到地图上。最后,通过self.marker.setPosition方法将标记的位置设置为self.center。如果定位失败,则弹出一个错误提示信息。
@PostMapping("/getGateExamListVo") @ResponseBody public JsonDto getGateExamListVo(HttpServletRequest req) { String Page = req.getParameter("Page"); int page = Integer.valueOf(Page); List<EntryExamVo> examListVo = entryService.getExamVo(page); int row = entryService.getExamCount(); JsonDto jsonDto = new JsonDto(200, "success", null); jsonDto.getMap().put("examListVo", examListVo); jsonDto.getMap().put("row", row); return jsonDto; }
这段代码是一个使用Spring框架的Java程序,它定义了一个POST请求的API接口,路径为"/getGateExamListVo"。当请求到达该接口时,它会从HTTP请求中获取参数"Page",并将其转换为整数类型的变量page。然后,它调用entryService.getExamVo(page)方法获取EntryExamVo类型的列表examListVo,并调用entryService.getExamCount()方法获取总行数row。最后,它将examListVo和row存储在JsonDto类型的对象中,并返回该对象作为HTTP响应。
阅读全文