《番禺区慢性病防治院系统 ——“区域定位”、“查询搜索”模块》项目研发阶段性总结

《番禺区慢性病防治院系统 ——“区域定位”、“查询搜索”模块》项目研发阶段性总结

作者：邓冠杰
本次任务完成时间：2018年12月21日～2019年1月7日
完成模块功能：区域定位、查询搜索
一、 功能实现
区域定位
点击右边菜单栏中区域定位选择你需要定位的区域名称，点击选中，在地图中就会跳转到定位的区域。由于我没有区域界线的数据集，所以就自己切的区域图。

查询搜索
点击右边菜单栏中查询搜索，点击查询按钮查询地址。可进行筛选还有模糊查询。

点击查询的地址在地图上就会跳转到查询所在的坐标信息并且提示详情信息。

二、经典代码
区域定位点击选中：

var index = 1;
var Button = document.getElementById("SelectArea").getElementsByTagName("a");
for (var i = 0; i < Button.length; i++) {
Button[i].onclick = function () {
var btn = this;
var myindex = this.getAttribute('bai');
index = myindex;
for (var j = 0; j < Button.length; j++) {
if (Button[i].className == ("active")) {
Button[i].className = ('');
break;
}
}
Button[index - 1].className = ("active");
AreaLocation(this)}}

三、开发总结
要实现这个两个功能很简单：
第一：我们用SuperMap iDesktop 9D制作完地图，然后对所要划分的面数据集进行切片（注：在没有区域界线的面数据集的情况下实行这个方法，如果有就不需要执行这一步）。这个区域界线数据集是做区域查询的必要文件。（暂时没想到用其他方法来实现这个功能模块）
第二：通过SuperMap iServer 来发布地图，发布成功之后学习 SuperMap iClient for JavaScript的示范程序。在释放程序中看不懂的源代码可以结合SuperMap iClient for JavaScript Help帮助文件来进行理解。在学习的过程中不要急于求成，基础才是关键。
第三：最后再通过ASP.NET MVC来实现区域定位、搜索查询功能模块（别忘了添加SuperMap.Include.js超图插件）。