文档章节

OpenLayers 3 primer

RealPari
 RealPari
发布于 2017/05/03 15:14
字数 208
阅读 32
收藏 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
昌平
基于HTML5的网络拓扑图(2)-结合OpenLayers实现地图背景的拓扑图

地图应用分三种级别:示意地图(Map Chart),地图(Map),地理信息系统(GIS),第一种通常使用相对坐标系,后两种则为真实的地理坐标,其中第二种以谷歌地图为代表,日常生活中普遍使用,...

nosand
2014/04/21
0
3
HT for Web整合OpenLayers实现GIS地图应用

HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的OpenLayer...

xhload3d
2014/12/02
0
3
OpenLayers IE 6 下 PNG 图片显示问题

众所周知, ie6下不支持png图片透明,一般的解决办法就是加滤镜效果。 最近在使用OpenLayers的透明图层的时候碰到了这个问题,看了官方的API, 实在没找到,后来在源码里找到了:alpha 属性,...

langhsu
2014/03/17
0
0
基于GeoServer切片地图服务的发布

接着上一篇文章,如何将JPG格式的图片转化为带地理坐标的TIFF格式里提及的最近的一个项目,数据源是一张高分辨率的2.5维图片,现在已经成功转化成了带有地理坐标的TIFF格式。下面将介绍借助G...

陶诗德
2015/01/05
0
0
百度地图与HT for Web结合的GIS网络拓扑应用

在《HT for Web整合OpenLayers实现GIS地图应用》篇中介绍了HT for Web与OpenLayers的整合,不少朋友反应国内用得比较多的还是百度地图,虽然HT整合百度地图原理与OpenLayers一致,但不同GIS...

xhload3d
2014/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

arts-week5

Algorithm 824. Goat Latin - LeetCode 152. Maximum Product Subarray - LeetCode 110. Balanced Binary Tree - LeetCode 67. Two Sum II - Input array is sorted - LeetCode 665. Non-dec......

yysue
25分钟前
0
0
iOS开发之AddressBook框架详解

iOS开发之AddressBook框架详解 一、写在前面 首先,AddressBook框架是一个已经过时的框架,iOS9之后官方提供了Contacts框架来进行用户通讯录相关操作。尽管如此,AddressBook框架依然是一个非...

珲少
55分钟前
1
0
两年摸爬滚打 Spring Boot,总结了这 16 条最佳实践

Spring Boot是最流行的用于开发微服务的Java框架。在本文中,我将与你分享自2016年以来我在专业开发中使用Spring Boot所采用的最佳实践。这些内容是基于我的个人经验和一些熟知的Spring Boot...

Java填坑之路
今天
4
0
《Spring5学习》04 - 面向切面编程

一、Spring面向切面编程的基本概念 面向切面编程(即AOP):把项目中需要再多处使用的功能比如日志、安全和事务等集中到一个类中处理,而不用在每个需要用到该功能的地方显式调用。 横切关注...

老韭菜
今天
2
0
day61-20180819-流利阅读笔记

跑道没了,它们还在跑:澳门赛狗业的遗孤 Daniel 2018-08-19 1.今日导读 相信你早就知道香港有个赛马会,可是你听说过香港的邻居澳门原本有个赛狗会吗?其实,对于澳门人来说,赛狗这项活动历...

aibinxiao
今天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部