地图显示_回家打Boss的博客

                               地图显示
-----------------------------------------------------------------------------------
开发工具与关键技术:VS..NET MVC作者：纳兹,撰写日期：2020.04.28
-----------------------------------------------------------------------------------

这里以某区慢性病防治院系统为例子：要想在项目中显示出一幅地图，首先需要制作一幅地图。首先使用SuperMapiDeskTop制作一幅你想要的地图出来，制作地图的点线面，这里以二维的地图为例。建立一个数据型工作空间，把需要的点线面数据导入数据集，建立一个新的图层把项目所需的数据拖进去，然后制作面数据图层风格，再制作线数据的显示类型为公路还是道路，点数据可给它制作成标志性图形，在建立数据库型工作空间的时候，数据集也保存在了数据库中，建立制作好了地图，然后保存。
接着去isever上发布地图，点击发布地图选择工作空间为数据库型工作空间或文件型工作空间，选择数据库型工作空间，然后输入数据库名称、工作空间名称等步骤，发布成功后可选择地图切片方便项目地图操作。
最后发布成功后，上去VS写执行地图显示代码：给地图显示存放的内容样式：<div id="map" style="top:71px;bottom:0px;left:0px;right:0px;position:absolute;border:0px;" onload="init()">，写一个JQ显示地图：  //地图显示
    var map, layer,
    url = "https://localhost:8090/iserver/services/map-ChronicLife/rest/maps/区县界_高明区@Chronic";
    function init() {
        //初始化地图
        map = new SuperMap.Map("map");
        //初始化图层
        layer = new SuperMap.Layer.TiledDynamicRESTLayer("区县界_高明区@Chronic", url, null, { maxResolution: "auto" });
        //监听图层信息加载完成事件
        layer.events.on({
            "layerInitialized": addLayer,//底图加载完成事件
        });
    }
    //异步加载图层
    function addLayer() {
        map.addLayer(layer);
        //显示地图范围
        map.setCenter(new SuperMap.LonLat(112.71, 22.84), 1);
    }这里的url是isever发布地图的地址，地图范围是中心点，中心点在isever上面发布的地图找。然后运行结果如下。地图就显示出来了。
                               地图显示
----