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

本文介绍如何利用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
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值