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

此处采用的方法是通过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. Android课程---Android Studio简单设置

    Android Studio 简单设置 界面设置 默认的 Android Studio 为灰色界面,可以选择使用炫酷的黑色界面.Settings-->Appearance-->Theme, ...

  2. BZOJ1857[SCOI2010]传送带

    题目大意:平面上两条线段,一个人从一条线段的一个点到另一条线段的一个点,最小时间是多少 路径肯定是在一条线段上走一段,然后走平面,最后再走另一条线段,那么需要确定的就是在两条线段上走的距离,其他暴力算 ...

  3. IOS第八天(3:UITableViewController团购, 点击底部代码调整)

    ****代理者的方法中 // 通知页脚视图调整视图显示状态 [footerView endRefresh]; //发送代理通知的类中 /** 视图控制器刷新完成调用方法 */ - (void)endR ...

  4. Trie树

    一.什么是trie树 1.Trie树 (特例结构树)   Trie树,又称单词查找树.字典树,是一种树形结构,是一种哈希树的变种,是一种用于快速检索的多叉树结构.典型应用是用于统计和排序大量的字符串( ...

  5. INSTRUCTION CYCLE

    COMPUTER ORGANIZATION AND ARCHITECTURE DESIGNING FOR PERFORMANCE NINTH EDITION • Fetch: Read the nex ...

  6. switch多分支语句

    1.switch多分支语句的语法 switch(表达式){ case 常量值:要执行的语句; break; case 常量值:要执行的语句; break; case 常量值:要执行的语句; break ...

  7. 浅谈Entity Framework 增删改查和事务操作

    1.增加对象 DbEntity db = new DbEntity(); //创建对象实体,注意,这里需要对所有属性进行赋值(除了自动增长主键外),如果不赋值,则会数据库中会被设置为NULL(注意是否 ...

  8. C++程序设计(一)

    1. 函数指针 程序运行期间,每个函数都会占用一段连续的内存空间.而函数名就是该函数所占内存区域的起始地址(也称"入口地址").我们可以将函数的入口地址赋给一个指针变量,使该指针变 ...

  9. 用Block封装ASIHttpRequest

    用Block封装ASIHttpRequest 横方便的网络请求方法,不用每次都写代理方法.使代码先得很整齐,不会凌乱. 接口部分: // // LYHASIRequestBlock.h // ASIB ...

  10. 【转】linux下memcached安装以及启动

    1.下载memcached服务器端安装文件 版本: memcached-1.4.25.tar.gz 下载地址:http://www.memcached.org/files/memcached-1.4. ...