根据经纬度显示地图轨迹

后端代码

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("数据数量:{}",list.size());return true;}log.warn("数据数量:{}",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");// 创建地图实例  mapContainer为地图显示div的id名
var point = new BMap.Point(longitude ,latitude );  // 创建点坐标   longitude,latitude为经纬度
map.centerAndZoom(point, 18);  //第一个参数是以刚才的点为中心创建地图,第二个参数是地图缩放级别,从小到大为0-19
map.enableScrollWheelZoom(true);  //利用鼠标滚轮控制大小   另外也可以使用map.setZoom()方法主动控制地图放大缩小var myIcon = new BMap.Icon("../upload/images/2019/12/mapLocation.png", new BMap.Size(29, 42));    // 设置中心点图片  第一个参数为中心点地标图片,第二个参数为该图片大小
var marker = new BMap.Marker(point,{icon: myIcon});   
var infoWindow = new BMap.InfoWindow("详细信息:" + "<br><br>" + totalAddress);  //弹出窗口
marker.addEventListener("click", function(){           this.openInfoWindow(infoWindow);        
});
map.addOverlay(marker);
map.panBy(600, 250);   //设置中心点位置(该方法按需使用) 如果要将地图显示在弹出框,而标注的地点不在弹出框中心,可以使用此方法设置弹出框标注地点位置,参数相对于父标签,这里是父级div宽高的一半

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/508747.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux vim 全选

全选&#xff08;高亮显示&#xff09;&#xff1a;按esc后&#xff0c;然后ggvG或者ggVG 全部复制&#xff1a;按esc后&#xff0c;然后ggyG 全部删除&#xff1a;按esc后&#xff0c;然后dG

两阶段聚合(局部聚合+全局聚合)

// 第一步&#xff0c;给RDD中的每个key都打上一个随机前缀。 JavaPairRDD<String, Long> randomPrefixRdd rdd.mapToPair(new PairFunction<Tuple2<Long,Long>, String, Long>() {private static final long serialVersionUID 1L;Overridepublic Tuple2&l…

java实现考勤机信息同步

/** * 更新传感器的用户信息 * * param sensorNumber * param attendanceEmployeeVos */ private synchronized void initializeAdd(String sensorNumber, List attendanceEmployeeVos) { if (attendanceEmployeeVos ! null && attendanceEmployeeVos.size() > 0) {…

Bug管理

Bug严重程度和优先级 bug两个重要属性就是优先级&#xff08;Priority&#xff09;和严重性(Severity)。通常Bug管理系统将严重性分为五个等级&#xff1a;Blocker、Critical、Major、Normal、Minor、Trivial。将优先级分为Immediate、Urgent、High、Normal、Low。 Bug的严重程…

处理魔法值

使用static final 定义常量或使用enum值 public static final String DANGERKEY_TRUE "1";if(DANGERKEY_TRUE.equals(dangerKey)){BigDecimal warningValue new BigDecimal(JedisUtils.get(WARNING_VALUE_KEY));model.addAttribute("isDanger", true);mo…

flink流处理

<?xml version"1.0" encoding"UTF-8"?> - - flink_warehouse com.kaikeba.flink 1.0-SNAPSHOT 4.0.0 flink_study - - cloudera https://repository.cloudera.com/artifactory/cloudera-repos/ - - org.apache.flink flink-streamin…

flink批处理

4.1 State 4.1.1 state概述 Apache Flink — Stateful Computations over Data Streams 回顾单词计数的例子 java /** 单词计数 */ public class WordCount { public static void main(String[] args) throws Exception { StreamExecutionEnvironment env StreamExecution…

utils

Service(“MarketingExpensesService”) public class MarketingExpensesServiceImpl extends ServiceImpl<MarketingExpensesMapper,MarketingExpensesPO> implements MarketingExpensesService { Resource private MetadataApi metadataApi; Override public PageUtil …

使用Notepad++打造称心的IDE: Python PHP Perl

Notepad简介 Notepad 不仅有语法高亮度显示&#xff0c;也有语法折叠功能&#xff0c;并且支持宏以及扩充基本功能的外挂模组。 官方网站下载安装 https://notepad-plus-plus.org/官方仓库下载各种版本 https://notepad-plus-plus.org/repository插件下载 https://sourceforg…

DOS实用命令

查看DOS支持的命令 打开cmd窗口&#xff0c;使用help命令&#xff0c;查看各种命令&#xff0c;以及命令的作用 常用命令使用说明 命令的使用帮助可以在命令后添加 /?参数 C:\Users\Administrator\Desktop>dir /? 显示目录中的文件和子目录列表。DIR [drive:][path][…

CMD命令之BAT脚本语法详解

批量处理用DOS命令来处理文件&#xff0c;命令格式为.bat echo、、call、pause、rem(小技巧&#xff1a;用::代替rem)是批处理文件最常用的几个命令&#xff0c;我们就从他们开始学起。 注 首先, 不是一个命令, 而是DOS 批处理的一个特殊标记符, 仅用于屏蔽命令行回显. 下面…

C语言中预定义宏的应用

__LINE__ 在源代码中插入当前源代码行号 __FILE__ 在源代码中插入当前源代码文件名 __FUNCTION__(__fucn__) 在源代码中插入当前源代码函数名 __DATE__ 在源代码中插入当前…

printf输出格式

printf()格式转换的一般形式如下 %(flags)(width)(.prec)type 以中括号括起来的参数为选择性参数&#xff0c;而%与type则是必要的。底下先介绍type的几种形式 整数 %d 整数的参数会被转成一有符号的十进制数字 %u 整数的参数会被转成一无符号的十进制数字 %o 整数的参数会被转…

C函数实现返回多个值的方法

C语言中&#xff0c;一个函数最多只能实现一个返回值。 int func (int b) { int a5; if (a>b) return a; else return b; return 0; } 通过在函数中使用返回语句&#xff0c;返回一个值给函数&#xff0c;同时终止函数的调用&#xff0c;返回主函数。而在实际操…

汇编中的寄存器

ebp和esp是32位的SP&#xff0c;BP esp是堆栈指针 ebp是基址指针 ESP与SP的关系就象AX与AL&#xff0c;AH的关系.32位CPU所含有的寄存器有&#xff1a;4个数据寄存器(EAX、EBX、ECX和EDX)2个变址和指针寄存器(ESI和EDI) 2个指针寄存器(ESP和EBP)6个段寄存器(ES、CS、SS、…

C字节对齐与C++类对象内存布局

一、什么是对齐&#xff0c;以及为什么要对齐&#xff1a; 1. 现代计算机中内存空间都是按照byte划分的&#xff0c;从理论上讲似乎对任何类型的变量的访问可以从任何地址开始&#xff0c;但实际情况是在访问特定变量的时候经常在特定的内存地址访问&#xff0c;这就需要各类型…

word小结

域代码/域结果显示设置 word选项---->>高级------>>显示域代码而非域值将样式传给其它文件使用 首先启动Word打开包含这些样式的一个文件&#xff0c;然后选择“工具”---->“模板和加载项”。在弹出的对话框中单击“管理器”按钮。在弹出的“管理器”对话框中&…

excel中VBa应用总结

单元格操作Range("C4") 1 很直观&#xff0c;不用多解释了吧[C4] 1 跟Range差不多&#xff0c;但更简洁Cells(4,3) 1 Cells有2个参数Rowindex和ColumnIndex&#xff0c;分别是行号和列号。注意是先行后列Sheets(1).Range("A1").Value 1 使用 Sheets(in…

回调函数的应用

VPP 协议组件提供了许多的函数接口供开发者调用&#xff0c;同时也提供了很多的回调函数接口需要我们去实现&#xff0c;而由协议栈内部来调用。说白了&#xff0c;回调函数就是一个函数指针&#xff0c;协议栈通过一个函数指针&#xff0c;指向我们注册给回调函数接口的函数&a…