C#MVC + SurperMap模拟项目总结

这是广州市番禺区慢性病地理信息系统

首先演示一个定位的功能

可以模糊查询，点击地址右边的定位
C#MVC + SurperMap模拟项目总结
//定位
function mapFixedPosition() {
$("#tabAddress tr").remove();
setTimeout(function () {
$(’.toolLi’).removeClass(‘active’);
}, 100);
// $(’#QQlogin’).css(‘top’, ‘0px’).css(‘left’, ‘0px’);
var addressName = $(’#txtDZ’).val();
var queryParams = [], queryBySQLParams, queryBySQLService;
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P04汽车站[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P05公交车站[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P06加油站加气站[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P12零售行业[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P15医疗服务[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P13宾馆酒店[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P14休闲娱乐[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P19住宅小区[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P16科研教育[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P17公司企业[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P11商业大厦[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P24风景名胜[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P21餐饮服务[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryParams.push(new SuperMap.REST.FilterParameter({ name: “P18公园广场[email protected]#1”, attributeFilter: “NAME like '%” + addressName + “%’ or ADDRESS like '%” + addressName + “%’” }));//获取最新的楼栋ID
queryBySQLParams = new SuperMap.REST.QueryBySQLParameters({
expectCount: 50,
queryParams: queryParams//查询过滤条件参数数组
});
queryBySQLService = new SuperMap.REST.QueryBySQLService(url, {
eventListeners: { “processCompleted”: processCompleted_selectAddress, “processFailed”: processFailed }
});
queryBySQLService.processAsync(queryBySQLParams);
}
var addressName;
function processCompleted_selectAddress(queryEventArgs) {
var i, j, result = queryEventArgs.result;
if (result.recordsets) {
for (i = 0; i < result.recordsets.length; i++) {
var recordsets = result.recordsets[i];
for (j = 0; j < recordsets.features.length; j++) {
var feature = recordsets.features[j];//获取结果对象的矢量
var geometry = feature.geometry;//获取几何对象
//判断返回的数据是不是这个数据
//“SuperMap.Geometry.Point” 点
//“SuperMap.Geometry.LineString” 道路
//"SuperMap.Geometry.Polygon"面
//addressID = feature.data.SmID;
if (geometry.CLASS_NAME == “SuperMap.Geometry.Point”) {
//点数据
//添加table数据
var address;

                        //if (result.recordsets[0].datasetName == "消防站点@ShenZhenNanShan_Data") {
                        //    address = feature.data.Name + "(" + feature.data.address + ")";
                        //}
                        //else {
                        //    address = feature.data.NAME + feature.data.ADDRESS;
                        //}


                        if (feature.data.ADDRESS) {
                            address = feature.data.ADDRESS + feature.data.NAME;
                            addressName = feature.data.ADDRESS + feature.data.NAME;
                        }
                        else {
                            address = feature.data.NAME;
                        }
                        var X = feature.data.SmX;
                        var Y = feature.data.SmY;
                        $('#tabAddress').append("<tr><td>" +
                            address + "</td><td><a href='javascript:' X=" + X + " Y=" + Y + " address=" + address + " onclick='addressLocation(this)'>定位</a></td></tr>");
                    }
                }
            }
            //当返回结果不为空时，调整登记内容栏的高度60%
        }
    }//搜索成功调用

    var geometryaddressLocation;
    var address;
    function addressLocation(t) {
        //closeInfoWin_casePlace();//加载弹窗前先清除，上一次的弹窗
        map.removeAllPopup();
        markerLayer.clearMarkers();//移除所有的案件标记物
        var X = $(t).attr("X");
        var Y = $(t).attr("Y");
        address = $(t).attr("address");

        geometryaddressLocation = { x: X, y: Y, address: address };
        var queryParam, queryByGeometryParameters, queryService;//查询参数
        var point1 = new SuperMap.Geometry.Point(X, Y);

        addMarker_casePlace(X, Y, address, true, 0);



        ////查询过滤条件参数类。
        queryParam = new SuperMap.REST.FilterParameter(
            {
                name: "LayerGroup",//查询数据集名称或者图层名称，根据实际的查询对象而定，必设属性
                attributeFilter: "far_Dat=0"//属性过滤条件  相当于 SQL 语句中的 WHERE 子句，
            });
        // Geometry 查询参数类  几何查询类
        queryByGeometryParameters = new SuperMap.REST.QueryByGeometryParameters({
            queryParams: [queryParam],//查询条件
            geometry: point1, //drawGeometryArgs.feature.geometry,//查询的几何对象
            spatialQueryMode: SuperMap.REST.SpatialQueryMode.INTERSECT//查询的模式 intersect:相交，交叉
        })

        //Geometry 查询服务类。
        queryService = new SuperMap.REST.QueryByGeometryService(url,//查询的服务地址
            {
                eventListeners: {
                    "processCompleted": processCompleted_selectaddressLocation,//成功
                    "processFailed": processFailed_selectPointOnWeb//失败
                }
            });
        queryService.processAsync(queryByGeometryParameters);//向服务端传递参数，然后服务端返回对象
    }//搜索地址定位
    function processCompleted_selectaddressLocation(queryEventArgs) {
        var i, j, result = queryEventArgs.result;
        var id = 0;
        if (result.recordsets) {
            for (i = 0; i < result.recordsets.length; i++) {
                var recordsets = result.recordsets[i];
                for (j = 0; j < recordsets.features.length; j++) {
                    var feature = recordsets.features[j];//获取结果对象的矢量
                    var geometry = feature.geometry;//获取几何对象
                    if (geometry.CLASS_NAME == SuperMap.Geometry.Point.prototype.CLASS_NAME) {//判断返回的数据是不是这个数据

                    } else {

                        //判断是否查询的到警务网格
                        id = feature.data.SmID;
                    }
                }
            }
        }
        if (id >= 0) {
            addMarker_casePlace(geometryaddressLocation.x, geometryaddressLocation.y, geometryaddressLocation.address, true, 0);
            map.setCenter(new SuperMap.LonLat(geometryaddressLocation.x, geometryaddressLocation.y), map.getZoom());
        }
        else {
            alert('无法定位！');
        }
    }//定位坐标判断是否在警务网格范围内
    function addMarker_casePlace(X, Y, name, bool, FangDa) {
        var marker = null;
        //初始化弹窗参数---------------------------------------------------
        var size = new SuperMap.Size(25, 20);//标记的大小
        var offset = new SuperMap.Pixel(-(size.w / 2), -size.h);//此类用x,y坐标描绘屏幕坐标（像素点）。
        var icon = new SuperMap.Icon('/SuperMap/theme/images/marker.png', size, offset);//图标类，表示显示在屏幕上的图标
        //---------------------------------------------------
        //初始化标记覆盖物类
        marker = new SuperMap.Marker(new SuperMap.LonLat(X, Y), icon);//LonLat坐标
        marker.name = name;//名称
        marker.bool = bool;
        marker.FangDa = FangDa;//放大的倍数
        if (bool == true) {
            //注册 click 事件,触发 mouseClickHandler()方法
            markerLayer.events.on({
                'click': OpenPersonMessagepopupss,//单击触发
                'touchstart': OpenPersonMessagepopupss,//当在触摸屏上对marker开始进行触摸时触发此事件。//假如要在移动端的浏览器也实现点击弹框，则在注册touch类事件
                "scope": marker,//大概是传参数把
            });
        }

        markerLayer.addMarker(marker);//添加到图层

        if (bool == true) {//判断是否自动打开消息框
            OpenPersonMessagepopupss(marker);//查询到位置就立刻把弹窗显示出来
        }
    }//加载案件点报警点登记弹窗
    function processFailed_selectPointOnWeb(e) {
        alert(e.error.errorMsg);
    }
    var infowinonMessage = null;
    function OpenPersonMessagepopup(obj) {
        infowinonMessagefun();
        var marker = this;
        var lonlat = obj.getLonLat();
        ////    var PersonName = undefined;//姓名
        //var IDCar = undefined;//身份证
        //var FloorGISID = marker.FloorSimID;
        var size = new SuperMap.Size(3, 50),
    offset = new SuperMap.Pixel(-(size.w / 2), -size.h),
    icon = new SuperMap.Icon("/content/images/toolIco/map-marker-marker-outside-greens.png", size, offset);
        var contentHTML = " <div class='popwin_titleDiv' style=''><span class='popwin_title'>地点详细信息</span></div>";
        //设置在气泡中显示的内容
        var ifNow = undefined;
        contentHTML += "<div style='font-size:15px;color:#222;word-break: break-all;margin:0px auto;padding-left: 5px;max-width: 300px;max-height: 300px;'> <span>地址："
            + address + "</span></div>";


        var size = new SuperMap.Size(28, 20);
        var offset = new SuperMap.Pixel(-((size.w / 2)), -(size.h - 8));
        var icon = new SuperMap.Icon("/SuperMap/images/bus-H.png", size, offset);
        var popupOne = new SuperMap.Popup.FramedCloud("popwin_lo",
                 new SuperMap.LonLat(lonlat.lon, lonlat.lat),
               null,
               contentHTML,
               icon,
               true,
               function () {
                   infowinonMessagefun();
               },
               true);
        popupOne.isShowShadow = false;
        infowinonMessage = popupOne;
        map.addPopup(popupOne);
        map.panTo(new SuperMap.LonLat(lonlat.lon, lonlat.lat));

    }

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

  1. 全新的界面设计 ，将会带来全新的写作体验；
  2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
  3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
  4. 全新的 KaTeX数学公式 语法；
  5. 增加了支持甘特图的mermaid语法1 功能；
  6. 增加了 多屏幕编辑 Markdown文章功能；
  7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
  8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O is是液体。

210 运算结果是 1024.

插入链接与图片

C#MVC + SurperMap模拟项目总结链接: link.

图片: C#MVC + SurperMap模拟项目总结

带尺寸的图片: C#MVC + SurperMap模拟项目总结

居中的图片: C#MVC + SurperMap模拟项目总结

居中并且带尺寸的图片: C#MVC + SurperMap模拟项目总结

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目 Value
电脑 $1600
手机 $12
导管 $1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列 第二列 第三列
第一列文本居中 第二列文本居右 第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE ASCII HTML
Single backticks 'Isn't this fun?' ‘Isn’t this fun?’
Quotes "Isn't this fun?" “Isn’t this fun?”
Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash

创建一个自定义列表

Markdown
Text-to-HTML conversion tool
Authors
John
Luke

如何创建一个注脚

一个具有注脚的文本。2

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N 是通过欧拉积分

Γ(z)=∫0∞tz−1e−tdt&ThinSpace;. \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

Mon 06Mon 13Mon 20已完成 进行中 计划一 计划二 现有任务Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：:

张三李四王五你好！李四, 最近怎么样?你最近怎么样，王五？我很好，谢谢!我很好，谢谢!李四想了很长时间,文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五

这将产生一个流程图。:

链接
长方形
圆
圆角长方形
菱形
  • 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

Created with Raphaël 2.2.0开始我的操作确认？结束yesno
  • 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

  1. mermaid语法说明 ↩︎

  2. 注脚的解释 ↩︎

相关文章：

  • 2022-12-23
  • 2021-11-09
  • 2021-11-18
  • 2021-09-28
  • 2021-10-30
猜你喜欢
  • 2021-12-07
  • 2021-08-12
  • 2021-11-25
  • 2021-07-14
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode