后端代碼

public boolean saveCarGPSData(CarGPSReqVo carGPSReqVo) {Map<String,String> params=new HashMap<>(2);params.put("key",trsConfig.getCarGPS_key());params.put("coorType",carGPSReqVo.getCoorType());params.put("pageNumber",carGPSReqVo.getPageNumber().toString());params.put("pageSize",carGPSReqVo.getPageSize().toString());String result=HttpUtil.basicAuthGet(trsConfig.getCarGPS_multi_url(),params,"","");JSONObject data = JSONObject.parseObject(result);JSONObject obj = data.getJSONObject("obj");JSONArray jsonArray = obj.getJSONArray("data");List<CarGPSEntity> dataList = jsonArray.toJavaList(CarGPSEntity.class);ArrayList<CarGPSEntity> list=new ArrayList<>();for (CarGPSEntity carGPSEntity : dataList) {list.add(carGPSEntity);}if (super.saveBatch(list)){//log.warn("數(shù)據(jù)數(shù)量：{}",list.size());return true;}log.warn("數(shù)據(jù)數(shù)量：{}",list.size());TransactionAspectSupport.currentTransactionStatus().setRollbackOnly();return false;} @Overridepublic PageUtil getCarGPSList(CarGPSQueryReqVo carGPSReqVo) {if(carGPSReqVo.getPageNumber()==null||carGPSReqVo.getPageSize()==0||carGPSReqVo.getPageSize()==null||carGPSReqVo.getPageNumber()==0){return new PageUtil(carGPSDao.getCarGPSData(new Page(1,50),carGPSReqVo));}return new PageUtil(carGPSDao.getCarGPSData(new Page(carGPSReqVo.getPageNumber(),carGPSReqVo.getPageSize()),carGPSReqVo));}

前端代碼

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=Vwdre4pcPNPffgYG6gMfgPbM2w9Ned9V"></script> var map = new BMap.Map("mapContainer");// 創(chuàng)建地圖實(shí)例 mapContainer為地圖顯示div的id名 var point = new BMap.Point(longitude ,latitude ); // 創(chuàng)建點(diǎn)坐標(biāo) longitude,latitude為經(jīng)緯度 map.centerAndZoom(point, 18); //第一個(gè)參數(shù)是以剛才的點(diǎn)為中心創(chuàng)建地圖，第二個(gè)參數(shù)是地圖縮放級(jí)別，從小到大為0-19 map.enableScrollWheelZoom(true); //利用鼠標(biāo)滾輪控制大小 另外也可以使用map.setZoom()方法主動(dòng)控制地圖放大縮小var myIcon = new BMap.Icon("../upload/images/2019/12/mapLocation.png", new BMap.Size(29, 42)); // 設(shè)置中心點(diǎn)圖片 第一個(gè)參數(shù)為中心點(diǎn)地標(biāo)圖片，第二個(gè)參數(shù)為該圖片大小 var marker = new BMap.Marker(point,{icon: myIcon}); var infoWindow = new BMap.InfoWindow("詳細(xì)信息：" + "<br><br>" + totalAddress); //彈出窗口 marker.addEventListener("click", function(){ this.openInfoWindow(infoWindow); }); map.addOverlay(marker); map.panBy(600, 250); //設(shè)置中心點(diǎn)位置（該方法按需使用） 如果要將地圖顯示在彈出框，而標(biāo)注的地點(diǎn)不在彈出框中心，可以使用此方法設(shè)置彈出框標(biāo)注地點(diǎn)位置，參數(shù)相對(duì)于父標(biāo)簽，這里是父級(jí)div寬高的一半

總結(jié)

以上是生活随笔為你收集整理的根据经纬度显示地图轨迹的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。