地图显示

                               地图显示
-----------------------------------------------------------------------------------
开发工具与关键技术: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 = "http://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上面发布的地图找。然后运行结果如下。地图就显示出来了。

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值