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