将数据存放到数据库中,动态的调取比较灵活,数据变动后不需要改变图层的属性表。

此处采用的方法是通过jquery查询数据库,并将数据库的结果生产json串返回给js,在js中动态解析json串增加点至地图上

1、jquery调取查询并处理json

 var data = [];
function getData(vipstatus){
data=[];//清空数据列表
$.get('getVIPStatus.jsp',{vipstatus:vipstatus},function(result){
//alert(result);
var obj = JSON.parse(result);//将传递过来的json串转换成json对象
$.each(obj, function(index){
data.push(this);
});
displayPoints(data);//加载点到地图上,参见另外一篇文章
});
}

说明6-9行需要对返回的json传进行一个处理,因为传过来的数据格式为

 {
"id25" : {
"XMJSNR" : "30万千瓦",
"ZRDW" : "xx市政府",
"XMMC" : "海上风电场H2",
"PROJECT_ID" : "ddafb1a4-668a-4b0c-85f0-081d90778e82",
"LONGITUDE" : "125.22222",
"LATITUDE" : "33.305264"
},
"id24" : {
"XMJSNR" : "年产海洋生物营养保健品系列2万吨、抗癌系列新药1万吨",
"ZRDW" : "xx市政府",
"XMMC" : "海洋生物营养保健品、抗癌新药项目",
"PROJECT_ID" : "d26da381-e7ca-4ab7-8c9c-d09c2b242c27",
"LONGITUDE" : "124.55555",
"LATITUDE" : "33.30223"
}
}

而实际需要的是个json数组,如下:(此处应该可以改进,需要继续优化)

 [{"name":"name1","x":"x1","y":"y1","img":"img1","content":"content1"}...]

2、getVIPStatus.jsp

 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.marost.tool.*,java.sql.*" %>
<%@ page import="java.util.Map,java.util.HashMap" %>
<%@ page import="org.json.JSONException,org.json.JSONObject" %>
<%
JDBConnection connection = new JDBConnection();
String vipstatus = Chinese.toChinese(request.getParameter("vipstatus"));
//System.out.println(vipname);
JSONObject jsonObj = new JSONObject(); String sql = "SELECT " +
"T_PROJECT_INFO.PROJECT_ID," +
"T_PROJECT_INFO.XMMC," +
"T_PROJECT_LOCATION.LONGITUDE,"+
"T_PROJECT_LOCATION.LATITUDE," +
"T_PROJECT_INFO.XMJSNR," +
"T_PROJECT_INFO.ZRDW " +
"FROM T_PROJECT_INFO ,T_PROJECT_LOCATION " +
"WHERE T_PROJECT_INFO.XMZT = (select code from t_code where code_name='"+vipstatus+"' and SECTION_NAME='项目状态') " +
"AND T_PROJECT_INFO.PROJECT_ID = T_PROJECT_LOCATION.PROJECT_ID";
System.out.println(sql);
try {
ResultSet rs = connection.executeQuery(sql);
while (rs.next()) {
Map <String, String> ingredients = new HashMap <String, String>();
ingredients.put("PROJECT_ID", rs.getString(1));
ingredients.put("name", rs.getString(2));
ingredients.put("x", rs.getString(3));
ingredients.put("y", rs.getString(4));
ingredients.put("XMJSNR", rs.getString(5));
ingredients.put("ZRDW", rs.getString(6));
ingredients.put("img","images/map_pin_fill_20.png");
try {
jsonObj.put("id"+rs.getRow(), ingredients);
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
//System.out.print(deptno+"\t"+dname+"\t"+loc);
//System.out.println(rs.getRow());
}
//System.out.println(jsonObj);
} catch (SQLException e) {
e.printStackTrace();
}
connection.closeConnection();
response.getWriter().print(jsonObj);
%>

说明:生成json时用到org.json.jar

ArcGIS Javascript查询数据库并添加到地图上的更多相关文章

  1. ArcGIS Javascript API 加载高德在线地图扩展

    利用ArcGIS JavaScript API加载高德在线地图的扩展 /** * Created by WanderGIS on 2015/7/15. */ define(["dojo/_b ...

  2. 百度地图公交线路查询,并绘制到地图上并获取所有路径经纬度点(可供echarts 路径图使用)

    github地址 https://github.com/a1115040996/MyHTML/tree/gh-pages/BDMap 源代码 <!DOCTYPE html PUBLIC &quo ...

  3. ArcGIS 在地图上添加标注

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. nodejs操作 mongoose(mongodb)和Sequelize(mysql)查询数据后添加新属性未生效

    最近在着手koa时候,发现mongoose(mongodb)查询数据库后添加新属性,前端拿不到新属性问题, 然后测试了一下Sequelize(mysql),发现也有同样的问题存在.此时着手干! 1.1 ...

  5. Google Map API v2 (三)----- 地图上添加标记(Marker),标记info窗口,即指定经纬度获取地址字符串

    接上篇 http://www.cnblogs.com/inkheart0124/p/3536322.html 1,在地图上打个标记 private MarkerOptions mMarkOption; ...

  6. 如何在iOS地图上高效的显示大量数据

    2016-01-13 / 23:02:13 刚才在微信上看到这篇由cocoachina翻译小组成员翻译的文章,觉得还是挺值得参考的,因此转载至此,原文请移步:http://robots.thought ...

  7. [ios3-地图] 如何在iOS地图上高效的显示大量数据 [转]

    [转至:http://blog.csdn.net/pjk1129/article/details/17358337] 原文:How To Efficiently Display Large Amoun ...

  8. iOS进阶_地图上定位的标志——大头针

    一.添加大头针 地图使用的框架是MapKit 大头针走的是MKAnnotation协议 /* 注意:因为是满足协议MKAnnotation,所以没有MKAnnotation的系统大头针类,必须自定义大 ...

  9. iOS开发之在地图上绘制出你运行的轨迹

    首先我们看下如何在地图上绘制曲线.在Map Kit中提供了一个叫MKPolyline的类,我们可以利用它来绘制曲线,先看个简单的例子. 使用下面代码从一个文件中读取出经纬度,然后创建一个路径:MKPo ...

随机推荐

  1. jquery_插件

    编写插件的目的:给已有的一些列方法或函数做一个封装 jquery插件推荐命名方式 :jquery.[插件名].js  防止与插件库混淆 所有对象方法都应当附加到jquery.fn 对象上,所有的全局函 ...

  2. vue 倒计时

    简单粗暴 export default { data () { return { timer: 30, //默认倒数30秒 stop : false, //默认是停止的,但界面加载之后会变成false ...

  3. Centos7 创建个文件 thread 怪现象

    我在~下创建个目录thread, 然后写了个程序, 再执行, 提示需要权限, 之后我重命名下文件的名字, 重新编译下, 就可以正常执行了.

  4. 正则基础之——捕获组(capture group)

    1        概述 1.1     什么是捕获组 捕获组就是把正则表达式中子表达式匹配的内容,保存到内存中以数字编号或显式命名的组里,方便后面引用.当然,这种引用既可以是在正则表达式内部,也可以是 ...

  5. ubuntu14.04安装注意事项

    1.虚拟机: 选择桥接2.设置静态IP sudo vi /etc/network/interfaces 修改为: # The loopback network interface auto lo if ...

  6. CoreAnimation--CALayer的动画

    CoreAnimation--CALayer的动画 核心动画中所有类都遵守CAMediaTiming CAAnaimation和CAPropertyAnimation都是抽象类,本身不具备动画效果,必 ...

  7. RDIFramework.NET ━ 9.12 表字段管理 ━ Web部分

    RDIFramework.NET ━ .NET快速信息化系统开发框架 9.12  表字段管理 -Web部分  表(字段)综合管理模块主要功能是对数据表本身,表的各个字段做相应的控制,具体有以下功能: ...

  8. 定时往oracle插入数据

    1创建存储过程 create or replace procedure job_proc isbegininsert into yy (yid) values (sysdate);end; 2创建jo ...

  9. svg学习(七)polygon

    <polygon> 标签用来创建含有不少于三个边的图形. <?xml version="1.0" standalone="no"?> & ...

  10. Ajax请求中的async:false/true的作用

    async: false,(默认是true);false为同步,Ajax请求将整个浏览器锁死,只有tet.php执行结束后,才可以执行其它操作. 当async: true 时,ajax请求是异步的.但 ...