Java---（SpringBlade框架）后台从数据库读取所有点的经度和纬度，传输到前端显示在地图上

原创

于 2017-04-25 09:27:44 发布 · 3.7k 阅读

10 ·

CC 4.0 BY-SA版权

本文介绍如何利用Java的SpringBlade框架从MySQL数据库查询经纬度信息，并将数据传递到前端，在地图上进行展示。详细过程包括定制SQL查询、前端接收和展示地图点的步骤。

1、MySQL查询语句：

pointsArr
===
select l.gisbaidu
from smt_lamp l

2、控制层代码：

@RequestMapping(KEY_MAIN)
public String index(ModelMap mm, Model model) {
	String sql = Md.getSql("location.pointsArr");//sql语句
		
	@SuppressWarnings("rawtypes")
	List<Map> list = Db.selectList(sql);
	mm.put("points", JsonKit.toJson(list));//java的数据类型传到js中，需要转化为JSON格式
	mm.put("code", CODE);
	return BASE_PATH + "location.html";
}

3、前端：

<div id="allmap" style="width:100%; height:500px;"></div>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=U5IzhV77l7nd7qymfsXVK03sICNeTir2"></script>
<script type="text/javascript">
	$(function(){
		var map = new BMap.Map("allmap");//初始化地图
		//var point = new BMap.Point(120.049132,31.785857);//创建点
		map.centerAndZoom