OpenLayers添加和删除控件
2024-09-02 05:38:58
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>添加和删除控件</title> <link rel="stylesheet" href="./OpenLayers-2.12/theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="./css/style.css" type="text/css"> <style>
/* round corners of layer switcher, and make it transparent */
.olControlLayerSwitcher .layersDiv {
border-radius: 10px 0 0 10px;
opacity: 0.75;
filter: alpha(opacity=75);
}
</style> <script src="./OpenLayers-2.12/lib/OpenLayers.js"></script>
<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map', {
controls: [ new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.LayerSwitcher({'ascending':false}),
new OpenLayers.Control.Permalink(),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.Permalink('permalink'),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.OverviewMap(),
new OpenLayers.Control.KeyboardDefaults()
],
numZoomLevels: 6 }); var ol_wms = new OpenLayers.Layer.WMS(
"OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{layers: 'basic'}
); var gwc = new OpenLayers.Layer.WMS(
"Global Imagery",
"http://maps.opengeo.org/geowebcache/service/wms",
{layers: "bluemarble"},
{tileOrigin: new OpenLayers.LonLat(-180, -90)}
);
var dm_wms = new OpenLayers.Layer.WMS(
"DM Solutions Demo",
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
{layers: "bathymetry,land_fn,park,drain_fn,drainage," +
"prov_bound,fedlimit,rail,road,popplace",
transparent: "true", format: "image/png"},
{visibility: false}
); map.addLayers([ol_wms, gwc, dm_wms]); if (!map.getCenter()) {
map.zoomToMaxExtent();
}
}
</script>
</head>
<body onload="init()">
<div id="tags">
control, basic
</div>
<div id="map" class="smallmap"></div>
<div id="docs"></div>
</body>
</html>
最新文章
- myeclipse学习总结三(MyEclipse文件查找技巧)
- 【BZOJ】3561: DZY Loves Math VI
- Django Nginx+uwsgi 安装配置
- Windows Server 2008 系统设置集合
- Comet 反Ajax: jQuery与PHP实现Ajax长轮询
- (Android)View.getHeight或getWidth为0时的一些解决方案
- CM源码同步编译教程
- 查询select
- 将sublimeText添加到鼠标右键菜单栏
- BZOJ_2073_[POI2004]PRZ_状压DP
- nw.js---开发一个百度浏览器
- 【PyTorch深度学习60分钟快速入门 】Part2:Autograd自动化微分
- 微信支付WxpayAPI_php_v3 错误修改
- 关于Git的一些总结【自用】
- Jquery UI Custom的兼容问题
- Fragment----静态创建碎片
- Vagrant WinNFSd
- 笔记本U盘安装CentOS 7
- 高手从零开始的全定制发行版-Linux from Scratch
- Go语言学习之运算符(The way to go)