文档章节

OpenLayers 3 primer

RealPari
 RealPari
发布于 2017/05/03 15:14
字数 208
阅读 18
收藏 0
点赞 0
评论 0
  • 1.new一个map之后,默认只显示+和-按钮zoom缩放,如果要显示zoomSlider,需要加上这句代码

var zoomslider = new ol.control.ZoomSlider();

map.addControl(zoomslider);

  • 2.默认zoom control 显示在左侧,如何显示到右侧呢?How to let openlayers3 zoom control show up to right side?

.ol-zoom ,.ol-zoomslider{
     left: unset;
     right: 8px;
  }

或者

.ol-zoom ,.ol-zoomslider{
     left: auto;
     right: 8px;
  }

  • 3.unset是什么意思呢

unset是CSS3的一个样式属性值,它的含义是:如果该样式是能被继承的,则其值为继承的值;如果该样式是不能被继承的,则其值为CSS规范指定的值.

  • 4.如何隐藏右下角的logo呢

.ol-logo-only{display:none}加上这个样式就ok了。

  • 5.为openlayers3添加全局控件
var map = new ol.Map({
        target: 'map',
        layers: [
          new ol.layer.Tile({
            source: new ol.source.OSM()
          })
        ],
        controls: ol.control.defaults().extend([
          new ol.control.FullScreen()
        ]),
        view: new ol.View({
          center: ol.proj.fromLonLat([37.41, 8.82]),
          zoom: 4
        })
      });

© 著作权归作者所有

共有 人打赏支持
RealPari
粉丝 1
博文 49
码字总数 15143
作品 0
昌平
关于openlayers如何添加地图上某区域内阴影效果

做了一个openlayers(采用2版本)的离线地图(google地图瓦片),现在是地图上有多个标记,标记之间用线相互连着,然后就会组成封闭的图形,需求是,在这些封闭的图形内加入阴影效果,这个有...

小强cntv ⋅ 06/07 ⋅ 0

高效访问海量地图数据--用OpenLayers访问GeoServer发布的地图

上一篇文章中,我们介绍了用GeoServer手动发布本地Shapefile地图,那么如何在谷歌地图中展示GeoServer发布好的地图呢? 大伙先来看看本文实现最终结果: 地图放大后: 一、解决Geoserver跨域...

我叫刘半仙 ⋅ 04/18 ⋅ 0

QGIS SERVER QGIS 用于 发布环境WEB 地图

我们可以直接将QGIS编辑和配置的地图成果, 发布为标准的OGC地图服务。而不需要再转换为GEOSERVER工程发布。这样可以避免样式的重新配置和数据的重新组织。并且通过QGIS的扩展开发可以灵活的...

GIS开源 ⋅ 04/18 ⋅ 0

Leaflet学习之路五——动态绘制图形

动态绘点 动态绘线 动态绘多边形 动态绘点 动态绘点就是在鼠标点击位置添加一个固定半径的圆 如果要绘制一个任意半径的圆,整个过程分为三步: 鼠标按下:确定圆心 按住拖动鼠标:确定半径 ...

xtfge0915 ⋅ 05/10 ⋅ 0

云 GIS 网络客户端开发平台 - iClient-JS

SuperMap iClient JavaScript (简称 iClient-JS )是云 GIS 网络客户端开发平台。基于现代 Web 技术栈全新构建,是 SuperMap 云四驾马车和在线 GIS 平台系列产品的统一 JS 客户端。集成了领先...

ahnan ⋅ 2017/12/04 ⋅ 5

使用openCV+Qt+fcgi 为OpenStreetMap瓦片添加热力图图层

在搭建如OpenStreetMap等瓦片服务器的过程中,我们会关心当前服务器上哪些瓦片已经存在(被渲染了)、哪些瓦片被访问量大,哪些少。 统计瓦片的历史记录,可以直接扫描缓存,或者通过数据库来...

goldenhawking ⋅ 05/26 ⋅ 0

GeoServer与ArcServer对比

一、GeoServer与ArcServer简介 1、 GeoServer简介 GeoServer是OpenGIS Web服务器规范的J2EE实现的社区开源项目,利用GeoServer可以方便的发布地图数据,允许用户对特征数据进行更新、删除、插...

HarleyZhuge ⋅ 05/08 ⋅ 0

Openlayers 在所画的线上通过里程数打点。

1.描述问题 首先通过经纬度在Openlayer画出了一条线(曲线),然后想通过里程数,然后打点,例如,距离15KM里程 就在线上的距离起点15km除打点。 最开始我看到openLayer官方的例子里面有点在...

yangyuesd ⋅ 05/11 ⋅ 0

Openlayers 在所画的线上通过里程数打点。

1.描述问题 首先通过经纬度在Openlayer画出了一条线(曲线),然后想通过里程数,然后打点,例如,距离15KM里程 就在线上的距离起点15km除打点。 最开始我看到openLayer官方的例子里面有点在...

yangyuesd ⋅ 05/11 ⋅ 0

log4net进阶手札(五):常见问题

在使用过程中,个人碰几个常见问题,总结如下: 问题1:单独log4net配置,保存在log4net.config文件中。 办法: i.修改log4net初始化方法: log4net.Config.XmlConfigurator(ConfigFile = "l...

wbf961127 ⋅ 2017/11/12 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

istio 文档

https://istio.io/docs/concepts/ https://istio.io/docs/concepts/traffic-management/handling-failures/ https://istio.io/docs/concepts/traffic-management/rules-configuration/......

xiaomin0322 ⋅ 18分钟前 ⋅ 0

编程语言的作用及与操作系统和硬件的关系

一、编程语言的作用及与操作系统和硬件的关系 作用:编程语言是计算机语言,是一种程序员与计算机之间沟通的介质,通过编程语言可以使得计算机能够根据人的指令一步一步去工作,完成某种特定...

slagga ⋅ 29分钟前 ⋅ 0

runtime实现按钮点击事件

也不能说是实现吧,,,就是有点类似于RAC里边的写法,不用给btn添加另外的点击事件,就那个add...select...这样子很不友好,来看下代码: [self.btn handleControlEvent:UIControlEventTou...

RainOrz ⋅ 29分钟前 ⋅ 0

Windows系统运维转linux系统运维的经历

开篇之前,首先介绍一下我的背景把:我是一个三线城市的甲方运维。最近,在《Linux就该这么学》书籍的影响下和朋友小A(Linux运维已经三年了,工资也比我的高很多)的影响下,决定转行。最近...

linux-tao ⋅ 30分钟前 ⋅ 0

zip压缩工具,tar打包工具

zip压缩工具 zip打包工具跟前面说到的gzip,bz2,xz 工具最大的不一样是zip可以压缩目录。如果没有安装,需要使用yum install -y zip 来安装。安装完之后就可以直接使用了,跟之前提到的压缩...

李超小牛子 ⋅ 38分钟前 ⋅ 0

使用npm发布自己的npm组件包

一、注册npm账号 官网:https://www.npmjs.com/signup 注册之后需要进行邮箱验证,否则后面进行组件包发布时候会提示403错误,让进行邮箱核准。 二、本地新建一个文件夹,cd进入后使用npm i...

灰白发 ⋅ 39分钟前 ⋅ 0

010. 深入JVM学习—垃圾收集策略概览

1. 新生代可用GC策略 1. 串行GC(Serial Copying) 算法:复制(Copying)清理算法; 操作步骤: 扫描年轻代中所有存活的对象; 使用Minor GC进行垃圾回收,同时将存活对象保存到“S0”或“S...

影狼 ⋅ 40分钟前 ⋅ 0

JVM性能调优实践——JVM篇

在遇到实际性能问题时,除了关注系统性能指标。还要结合应用程序的系统的日志、堆栈信息、GClog、threaddump等数据进行问题分析和定位。关于性能指标分析可以参考前一篇JVM性能调优实践——性...

Java小铺 ⋅ 41分钟前 ⋅ 0

误关了gitlab sign-in 功能的恢复记录

本想关sign-up的,误点了sign-in 退出后登录界面提示: No authentication methods configured 一脸懵逼.. 百度后众多方案说修改application_settings 的 signin_enabled字段; 实际上新版本字段...

铂金蛋蛋 ⋅ 41分钟前 ⋅ 0

登录后,后续请求接口没有带登录cookie可能原因

1.XMLHttpRequest.withCredentials没设置好,参考https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/withCredentials...

LM_Mike ⋅ 42分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部