Openlayers2切换supermap WMS服务底图,已解决
来源:互联网 发布:淘宝怎么卖东西 编辑:程序博客网 时间:2024/05/20 08:21
话不多说上代码,,,
<head>
<title>
电子海图的图层切换控件
</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!-- 加载OpenLayers 类库 -->
<script type="text/javascript" src="http://www.openlayers.cn/olapi/OpenLayers.js">
</script>
<style>
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
</style>
<script type="text/javascript">
function init() {
// 使用指定的文档元素创建地图
var map = new OpenLayers.Map("test_map");
// 创建一个 OpenStreeMap raster layer
var osm = new OpenLayers.Layer.OSM();
//创建一个WMS图层
var wms_layer = new OpenLayers.Layer.WMS(
'WMS Layer Title',
'http://116.117.157.170:8085/iserver/services/map-ordosMap/wms111/ordosMap',
{layers: 'ordosMap'},
{}
);
var wms_layer1 = new OpenLayers.Layer.WMS(
'WMS Layer Title1',
'http://116.117.157.170:8085/iserver/services/map-eeds10m/wms111/eeds',
{layers: 'eeds'},
{}
);
//添加图层切换控件
var switch_ctrl=new OpenLayers.Control.LayerSwitcher({});
map.addControl(switch_ctrl);
map.addLayers([wms_layer1,wms_layer]);
map.setCenter([109.797986,39.628674],17);
map.setZoom(10);
// 设定视图缩放地图程度为最大
map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
<div id="test_map" style="width: 100%;
height: 100%;">
</div>
</body>
</html>
效果
今天就不发了,睡觉觉。。。凌晨了也挺晚的,熬夜伤身。
阅读全文
0 0
- Openlayers2切换supermap WMS服务底图,已解决
- OpenLayers2---WMS服务
- SuperMap下切换图层
- openlayers2调用天地图WMTS服务简单例子
- Cesium引入wms服务,并实现不同图层的切换调用,及轮流播放
- WMS服务
- WMS服务标准概要
- WMS服务技术
- OpenLayers调用WMS服务
- WMS服务技术
- geoserver发布wms服务
- SuperMap 办公自动化服务平台
- OpenLayers+天地图+Geoserver+WMS图层服务
- GeoServer的WMS服务加载到天地图
- supermap desktop叠加天地图wmts服务偏差问题解决办法
- 使用supermap for JavaScript调用天地图服务
- 用Servlet 写WMS服务
- GeoServer发布wms服务--实验
- 数据结构编程笔记二十一:第七章 图 最短路径算法的实现
- 写在大二开学之际~
- [Caffe]: 关于dropout的实现细节
- 主成分分析理论与MATLAB实现示例
- 【数据库】连接池的作用
- Openlayers2切换supermap WMS服务底图,已解决
- Spring容器创建对象的三种方式
- 在pyspark中调用scala代码
- Java创建线程的两个方法
- 软件测试之测试术语
- HTTP与HTTPS的区别
- poj 3311 Hie with the Pie(状态压缩dp)
- Git使用的详细教程
- Windows下virtualenv和virtualenvwrapper的使用