OpenLayers 学习(二)基于OpenLayers添加地图控件
2016-03-16 16:44
267 查看
基于已创建成功的电子地图,添加Control控件。
直接上源码:
直接上源码:
<!DOCTYPE html> <html> <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() { //创建Control对象填充Controls数组 var navigation_control = new OpenLayers.Control.Navigation({}); var controls_array = [//控件数组 navigation_control, new OpenLayers.Control.PanZoomBar({}), new OpenLayers.Control.LayerSwitcher({}), new OpenLayers.Control.Permalink(), new OpenLayers.Control.MousePosition({}) ]; var map=new OpenLayers.Map('test_map',{controls: controls_array}); var wms_layer = new OpenLayers.Layer.WMS( 'WMS Layer Title', 'http://vmap0.tiles.osgeo.org/wms/vmap0', {layers: 'basic'}, {} ); map.addLayer(wms_layer); } </script> </head> <body onload="init()"> <div id="test_map" style="width: 100%; height: 100%;"> </div> </body> </html>
相关文章推荐
- CentOS 6.5 使用rmp包 安装 MySQL 5.6.29
- Linux服务器安全配置
- Java Web开发Tomcat中三种部署项目的方法
- Hello Linux !
- push以及pop,shift,unshift
- Centos Odoo Service Config
- Linux下的多线程编程
- photoshop安装
- linux下设置smtp发送163邮件
- 高级系统架构师培训笔记
- 安装nginx_waf
- poj2599 单调栈维护最大连续矩形面积
- Tomcat 内存配置
- Linux基础04 文件与目录管理2
- hadoop 升级
- ubuntu/var/log/下各个日志文件
- openssl 实战
- OpenLayers 学习(一)创建一个简单的电子地图
- SQOOP可能会导致HDFS分片数量过多的总结
- 树莓派3 CentOS7 下载 Raspberry Pi Model 3 B