作者:张国军
完成部分:地址搜索、医院分布、药店分布、社区预警、单位预警
完成时间:2019-01-18
地址查询:点击查询搜索》输入你要查询的地址》点击定位,然后就可以找到你要的位置了。
医院分布
医院分布:点击图层控制》把医院分布勾上,就可以看到医院的分布
这是我医院分布的代码给各位参考一下:
function InquireHospital() {
var addressName = "医院";
var queryParams = [], queryBySQLParams, queryBySQLService;
queryParams.push(new SuperMap.REST.FilterParameter({ name: "P15医疗服务_point_1@GISLW#1", attributeFilter: "NAME like '%" + addressName + "%' or ADDRESS like '%" + addressName + "%'" }));//获取最新的楼栋ID
queryBySQLParams = new SuperMap.REST.QueryBySQLParameters({
expectCount: 100,
queryParams: queryParams//查询过滤条件参数数组
});
queryBySQLService = new SuperMap.REST.QueryBySQLService(url, {
eventListeners: { "processCompleted": processCompleted_selectHospital, "processFailed": processFailedd }
});
queryBySQLService.processAsync(queryBySQLParams);
}
function processCompleted_selectHospital(queryEventArgs) {
var i, j, result = queryEventArgs.result, marker;//queryEventArgs服务端返回的对象
if (result && result.recordsets) {
for (i = 0, recordsets = result.recordsets, len = recordsets.length; i < len; i++) {
if (recordsets[i].features) {
for (j = 0; j < recordsets[i].features.length; j++) {
var f = recordsets[i].features[j];
var point = f.geometry,
size = new SuperMap.Size(20, 20),
offset = new SuperMap.Pixel(-(size.w / 2), -size.h / 2),
icon = new SuperMap.Icon("/SuperMap/images/hospital.png", size, offset);
marker = new SuperMap.Marker(new SuperMap.LonLat(point.x, point.y), icon);
marker.sm_capital = f.attributes.NAME;
marker.add = f.attributes.ADDRESS;
marker.events.on({
"click": openInfoWin,
"touchstart": openInfoWin, //假如要在移动端的浏览器也实现点击弹框,则在注册touch类事件
"scope": marker
});
hospital.addMarker(marker);
}
}
}
}
}//搜索成功调用
function openInfoWin() {
closeInfoWin();
var marker = this;
var lonlat = marker.getLonLat();
var contentHTML = "<div style='font-size:.8em; opacity: 0.8; overflow-y:hidden;'>";
contentHTML += "<div>医院名称:" + marker.sm_capital + "</div>";
contentHTML += "<div>医院地址:" + marker.add + "</div>";
contentHTML += "<div style='text-align: center;'><button style=''>周边查询</button></div></div>";
var size = new SuperMap.Size(0, 33);
var offset = new SuperMap.Pixel(0, -size.h);
var icon = new SuperMap.Icon("/SuperMap/theme/images/marker.png", size, offset);
var popup = new SuperMap.Popup.FramedCloud("popwin",
new SuperMap.LonLat(lonlat.lon, lonlat.lat),
null,
contentHTML,
icon,
true);
infowin = popup;
map.addPopup(popup);
}
function closeInfoWin() {
if (infowin) {
try {
infowin.hide();
infowin.destroy();
}
catch (e) { }
}
}
function processFailedd(e) {
alert(e.error.errorMsg);
}
药店分布
药店分布:点击图层控制》把药店分布勾上,就可以看到药店的分布
这是我药店分布的代码给各位参考一下:
function InquireDrugstore() {
var addressName = "药店";
var queryParams = [], queryBySQLParams, queryBySQLService;
queryParams.push(new SuperMap.REST.FilterParameter({ name: "P15医疗服务_point_1@GISLW#1", attributeFilter: "NAME like '%" + addressName + "%' or ADDRESS like '%" + addressName + "%'" }));//获取最新的楼栋ID
queryBySQLParams = new SuperMap.REST.QueryBySQLParameters({
expectCount: 100,
queryParams: queryParams//查询过滤条件参数数组
});
queryBySQLService = new SuperMap.REST.QueryBySQLService(url, {
eventListeners: { "processCompleted": processCompleted_selectDrugstore, "processFailed": processFailedd }
});
queryBySQLService.processAsync(queryBySQLParams);
}
function processCompleted_selectDrugstore(queryEventArgs) {
var i, j, result = queryEventArgs.result, marker;//queryEventArgs服务端返回的对象
if (result && result.recordsets) {
for (i = 0, recordsets = result.recordsets, len = recordsets.length; i < len; i++) {
if (recordsets[i].features) {
for (j = 0; j < recordsets[i].features.length; j++) {
var f = recordsets[i].features[j];
var point = f.geometry,
size = new SuperMap.Size(25, 25),
offset = new SuperMap.Pixel(-(size.w / 2), -size.h / 2),
icon = new SuperMap.Icon("/SuperMap/images/drugstore.png", size, offset);
marker = new SuperMap.Marker(new SuperMap.LonLat(point.x, point.y), icon);
marker.sm_capital = f.attributes.NAME;
marker.add = f.attributes.ADDRESS;
marker.events.on({
"click": openInfoWin,
"touchstart": openInfoWin, //假如要在移动端的浏览器也实现点击弹框,则在注册touch类事件
"scope": marker
});
drugstore.addMarker(marker);
}
}
}
}
}//搜索成功调用
function processFailedd(e) {
alert(e.error.errorMsg);
}
function openInfoWin() {
closeInfoWin();
var marker = this;
var lonlat = marker.getLonLat();
var contentHTML = "<div style='font-size:.8em; opacity: 0.8; overflow-y:hidden;'>";
contentHTML += "<div>医院名称:" + marker.sm_capital + "</div>";
contentHTML += "<div>医院地址:" + marker.add + "</div>";
contentHTML += "<div style='text-align: center;'><button style=''>周边查询</button></div></div>";
var size = new SuperMap.Size(0, 33);
var offset = new SuperMap.Pixel(0, -size.h);
var icon = new SuperMap.Icon("/SuperMap/theme/images/marker.png", size, offset);
var popup = new SuperMap.Popup.FramedCloud("popwin",
new SuperMap.LonLat(lonlat.lon, lonlat.lat),
null,
contentHTML,
icon,
true);
infowin = popup;
map.addPopup(popup);
}
var infowin = null;
function closeInfoWin() {
if (infowin) {
try {
infowin.hide();
infowin.destroy();
}
catch (e) { }
}
}
社区级绝对数法预警
选择某年某月,默认是三个月内,分析某个社康内是否在三个月内发生俩次病例以上,如果有就预警。
首选呢,我们可以从上面的文字可以看出他是按照时间段查询的,三个月为一个时间段进行查询,如果某个地方这三个月内的病例数大于两次的话就对应的地方进行预警.
那么我先给大家看一下我对他的表的设计
这是一个病例表的设计,表的最后我给他一个社区的版块ID,这个ID是对应我们地图那边的ID,至于这个版块ID怎么来的,那就是我们可以进行切割等各种各样的方法,至于详细的话我就不多说了。
当我们给到社区的ID的时候那么我们就可以根据他的ID进行找到相对应的社区进行预警了。
给大家看一下我写的代码
$("#CommunitySubmit").click(function () {
var Start = $("#Start").val();//获取开始的时间
var Over = $("#Over").val();//获取结束的时间
if (Start == "" || Start == null) {
alert("请选择正确的时间");
} else {
mingle.removeAllFeatures();//清空图层
$.getJSON("Move?Start=" + Start + "&Over=" + Over, function (data) {
console.log(data);
for (var i = 0; i < data.length; i++) {//根据list放回来的长度用for循环进行查询出来
queryBySQL(data[i].CommunityID);//调研方法给到对应的社区的ID作为参数
console.log(data[i].CommunityID);
}
})
}
})
function queryBySQL(s) {
var ss = s;
var queryParam, queryBySQLParams, queryBySQLService;
queryParam = new SuperMap.REST.FilterParameter({
name: "New_区县界@GISLW",
attributeFilter: "SmID=" + ss,
});
queryBySQLParams = new SuperMap.REST.QueryBySQLParameters({
queryParams: [queryParam]
});
queryBySQLService = new SuperMap.REST.QueryBySQLService(link, {
eventListeners: { "processCompleted": processCompleted, "processFailed": processFailed }
});
queryBySQLService.processAsync(queryBySQLParams);
}
function processCompleted(queryEventArgs) {
var i, j, feature,
result = queryEventArgs.result;
if (result && result.recordsets) {
for (i = 0; i < result.recordsets.length; i++) {
if (result.recordsets[i].features) {
for (j = 0; j < result.recordsets[i].features.length; j++) {
feature = result.recordsets[i].features[j];
feature.style = style;
mingle.addFeatures(feature);
}
}
}
}
}
function processFailed(e) {
alert(e.error.errorMsg);
}
以上呢是我视图的代码
public ActionResult Move(DateTime Start, DateTime Over)
{
var listSeek = (from tbDiseasePassion in myModels.PW_DiseasePassion
where tbDiseasePassion.HappenTime>= Start && tbDiseasePassion.HappenTime<= Over
group tbDiseasePassion by tbDiseasePassion.CommunityID into tbDiseasePassion
select new
{
CommunityID = tbDiseasePassion.Key,//对应社区ID
CountNum = tbDiseasePassion.Count(m => m.CommunityID == tbDiseasePassion.Key),//病例条数
}).ToList();
if (listSeek.Count() > 0)
{
listSeek = listSeek.Where(m => m.CountNum > 2).ToList();
}
return Json(listSeek, JsonRequestBehavior.AllowGet);
}
这个是我控制器写的代码
大概的实录就是通过时间段查询社区病例条数大于二的社区ID,然后通过我们js写的代码根据我们所返回来的ID进行板块的查询然后通过高亮显示出来。
单位级绝对数法预警
选择某年某月,默认是三个月内,分析某个社康内是否在三个月内发生俩次病例以上,如果有就预警。
其实单位级绝对数法预警跟我们社区级绝对数法预警的思路是一样的,不同的就是构建的图层不一样。
首选还是一样,我们要先获取他的时间段,然后进行我们的查询。
图中的HospitalID是我给他的一个医院ID,当然你们也可以给对应的社康ID也是一样的。
思路和上边那个是一样的,那我们来看一下我写的代码。
var CountNum;
$("#UnitSubmit").click(function () {
var Start = $("#Start").val();
var Over = $("#Over").val();
console.log(Start);
if (Start == "" || Start == null) {
alert("请选择正确的时间");
} else {
Absolute.clearMarkers();
$.getJSON("UnitInquire?Start=" + Start + "&Over=" + Over, function (data) {
//console.log(data[0].X);
for (var i = 0; i < data.length; i++) {
CountNum = data[i].CountNum;
queryBySQlL(data[i].HospitalID);
}
})
}
})
function queryBySQlL(s) {
var ss = s;
var queryParam, queryBySQLParams, queryBySQLService;
queryParam = new SuperMap.REST.FilterParameter({
name: "P15医疗服务_point_1@GISLW",
attributeFilter: "SmID=" + s,
});
queryBySQLParams = new SuperMap.REST.QueryBySQLParameters({
queryParams: [queryParam]
});
queryBySQLService = new SuperMap.REST.QueryBySQLService(Unit, {
eventListeners: { "processCompleted": processCompleted_selectHospitall, "processFailed": processFailed }
});
queryBySQLService.processAsync(queryBySQLParams);
}
function processCompleted_selectHospitall(queryEventArgs) {
var i, j, result = queryEventArgs.result, marker;//queryEventArgs服务端返回的对象
if (result && result.recordsets) {
for (i = 0, recordsets = result.recordsets, len = recordsets.length; i < len; i++) {
if (recordsets[i].features) {
for (j = 0; j < recordsets[i].features.length; j++) {
var f = recordsets[i].features[j];
var point = f.geometry,
size = new SuperMap.Size(20, 20),
offset = new SuperMap.Pixel(-(size.w / 2), -size.h / 2),
icon = new SuperMap.Icon("/SuperMap/images/2cf11b3bb909db55bbd6360317fd7f15.gif", size, offset);
marker = new SuperMap.Marker(new SuperMap.LonLat(point.x, point.y), icon);
marker.sm_capital = f.attributes.NAME;
marker.add = f.attributes.ADDRESS;
marker.CountNum = CountNum;
marker.events.on({
"click": openInfoWinn,
"touchstart": openInfoWinn, //假如要在移动端的浏览器也实现点击弹框,则在注册touch类事件
"scope": marker
});
Absolute.addMarker(marker);
}
}
}
}
}//搜索成功调用
function openInfoWinn() {
closeInfoWin();
var marker = this;
var lonlat = marker.getLonLat();
var contentHTML = "<div style='font-size:.8em; opacity: 0.8; overflow-y:hidden;'>";
contentHTML += "<div>医院名称:" + marker.sm_capital + "</div>";
contentHTML += "<div>医院地址:" + marker.add + "</div>";
contentHTML += "<div style='color:#900;'>( 病例数:" + marker.CountNum + "个 )</div></div>";
var size = new SuperMap.Size(0, 33);
var offset = new SuperMap.Pixel(0, -size.h);
var icon = new SuperMap.Icon("/SuperMap/images/2cf11b3bb909db55bbd6360317fd7f15.gif", size, offset);
var popup = new SuperMap.Popup.FramedCloud("popwin",
new SuperMap.LonLat(lonlat.lon, lonlat.lat),
null,
contentHTML,
icon,
true);
infowin = popup;
UnitWarning.addPopup(popup);
}
这是视图的代码,他唯有变的事图层,用到的事 SuperMap.Layer.Markers
public ActionResult UnitInquire(DateTime Start, DateTime Over)
{
var listSeek = (from tbDiseasePassion in myModels.PW_DiseasePassion
where tbDiseasePassion.HappenTime >= Start && tbDiseasePassion.HappenTime <= Over
group tbDiseasePassion by tbDiseasePassion.HospitalID into tbDiseasePassion
select new
{
HospitalID = tbDiseasePassion.Key,//医院ID
CountNum = tbDiseasePassion.Count(m => m.HospitalID == tbDiseasePassion.Key),//病例数
}).ToList();
if (listSeek.Count() > 0)
{
listSeek = listSeek.Where(m => m.CountNum >= 2).ToList();
}
return Json(listSeek, JsonRequestBehavior.AllowGet);
}
这个是控制器的执行代码。
这个是我执行的效果。
谢谢各位的观看!
希望这个对大家作为参考有所帮助,当然如果大家有更好的希望也可以分享给我。
开发总结:
这是我第一次做GIS的项目,刚开始学习的时候抱着期待的心,担当我开始做项目的时候有一段时间特别想放弃,别的查询做了一两个小时就做出来了,而我的地址查询一直困扰了两三天,那时候我就想:也许我还真不是GIS地理信息系统这方面的,但是我想了想:我应该不比别人笨吧,我一直认为我自己还是可以,既然别可以做出来,那我也可以啊,是吧。所以那时候开始我就一点一点的慢慢去找,虽然很慢,但是我的进度还是可见得。但我做出来的时候别人可能做了很多个功能,但我并不羡慕,因为我相信我自己也可以做出来,之后我就慢慢的一步一步的做。做到今天,虽然我的项目没有真正的完成,但是我的心却是觉得完成了,完成了我的一次挑战,所以我感到很满足。虽然满足,但我的野心并不限与此,所以我还要继续走下去,可能下面的路很难走,但是我不会就此停下脚步,可能我的脚步走的很慢,但我一定会到终点。
这是我这段是时间得出的感悟。希望各位也可跟我一样,抱着一颗不服输的心继续一步一步的走下去,可能路段很苦,但得到的果我相信也是很甜的。