【10】openlayers 视图view
创建地图:
//View对象代表地图的简单2D视图
//创建view
let view = new ol.View({
center:[109,34],//视图的初始中心
maxZoom:18,//最大缩放级别 ,默认为28
minZoom:3,//最小缩放级别,默认为0
projection:'EPSG:4326',//坐标格式,默认为'EPSG:3857'
rotation:(Math.PI/180)*0,//视图的初始旋转(弧度)(顺时针正旋转,0表示北)
zoom:8,//初始视图级别
extent:[107,34,108,36],//限制视图的范围[minLon,minLat,maxLon,maxLat]
}) //创建地图
var map = new ol.Map({
view:view,
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
target: 'map',
//控件初始默认不显示
controls:ol.control.defaults({
attribution: false,
zoom: false
}).extend([])
});
动画:
//飞行类型
let Easing = {
easeIn:ol.easing.easeIn,//开始缓慢并加快速度
easeOut:ol.easing.easeOut,//快速启动,然后慢下来
inAndOut:ol.easing.inAndOut,//从慢开始,加快速度,然后再次慢下来
linear:ol.easing.linear,//随时间保持恒定的速度
upAndDown:ol.easing.upAndDown,//从慢开始,加快速度,最后再减速
}
view.animate({
center:[100,34],//动画结束时视图的中心
zoom:10,//动画结束时视图的缩放级别
rotation:0,//动画结束时视图的旋转
duration:3000,//动画的持续时间(以毫秒为单位)
easing:Easing.inAndOut,//动画类型,默认为inAndOut
})
//取消正在进行的动画
view.cancelAnimations();
//确定视图是否处于动画状态,返回布尔值
view.getAnimating();
view 常用方法:
//获取-设置,视图中心
view.getCenter()
view.setCenter([100,40])
//获取-设置,视图的最大缩放级别
view.getMaxZoom()
view.setMaxZoom(16)
//获取-设置,视图的最小缩放级别
view.getMinZoom()
view.setMinZoom(6)
//获取-设置,视图旋转角度
view.getRotation()/(Math.PI/180)
view.setRotation((Math.PI/180)*60)
//获取-设置,当前缩放级别
view.getZoom()
view.setZoom(13)
//获取视图投影
view.getProjection() //绑定事件-取消事件 type事件类型,listener函数体
view.on(type,listener)
view.un(type,listener)
【10】openlayers 视图view的更多相关文章
- 【SpringMVC】SpringMVC系列10之视图与视图解析器
10.视图与视图解析器 10.1.概述 请求处理方法执行完成后,最终返回一个 ModelAndView处理方法,Spring MVC 也会在内部将它们装配成一个ModelAndView 对象, ...
- Oracle 学习笔记 11 -- 视图 (VIEW)
本次必须学习一个全新的概念-- 视图 (VIEW).在前面的笔记中曾提到过,数据对象包含:表.视图.序列.索引和同义词.前面的笔记都是对表的想剖析,那么本次笔记就对视图的世界进行深入的剖析. 视图是通 ...
- MySQL视图view/存储过程和函数的使用
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 } p. ...
- Thinkphp5.0 的视图view的比较标签
Thinkphp5.0 的视图view的比较标签 {eq name="a" value="10"} <p>相等</p> {else/} ...
- Thinkphp5.0 的视图view的循环标签
Thinkphp5.0 的视图view的循环标签 volist标签: <!-- 使用volist --> <!-- name是传递过来的要循环变量名 --> <!-- k ...
- MySQL/MariaDB数据库的视图(VIEW)
MySQL/MariaDB数据库的视图(VIEW) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.视图概述 1>.什么是视图 视图就是一个虚拟的表,保存有实表的查询结果 ...
- 使用mvc时,在视图view中使用强类型视图,在web.config文件中添加命名空间namespace的引用不起作用,解决方法
这是view中的model代码: @model t_user_info 这是web.config配置文件只的代码: <namespaces> <add namespace=" ...
- SQL Server 索引(index) 和 视图(view) 的简单介绍和操作
--索引(index)和视图(view)-- --索引(index)----概述: 数据库中的索引类似于书籍的目录,他以指针形式包含了表中一列或几列组合的新顺序,实现表中数据库的逻辑排序.索引创建在数 ...
- UIViewController的生命周期(根视图view从无到有的过程)
UIViewController的生命周期实质上是指根视图view从无到有的过程 1.首先新建一个工程:不从mainstoryBoard加载 (删除入口) 在AppDelegate.m --> ...
随机推荐
- [Machine Learning] Andrew Ng on Coursera (Week 1)
Week 1 的内容主要有: 机器学习的定义 监督式学习和无监督式学习 线性回归和成本函数 梯度下降算法 线性代数回归 主要是了解一下机器学习的基本概念,重点是学习线性回归模型,以及对应的成本函数和梯 ...
- 收集到的技术相关网址——python
1.Python中常用数据库访问接口模块 专用数据库连接模块——MySQL.SQLite.PostgreSQL.Oracle.IBM DB2.Infomix.Interbase.Sybase.SQL ...
- 获取指定网卡对应的IP地址
#include <stdio.h> #include <string.h> #include <sys/socket.h> #include <sys/ty ...
- 牛客-Highway
题目传送门 sol:看了题意显然是最大生成树,但是任意两个点之间都有边,大概有n*n条边.用朴素的最小生成树算法显然不行.联想了一下树的直径还是不会.看了大佬的题解,懂了... 所以还是直接贴大佬博客 ...
- 转: zabbix对cisco2960的监控
转自:http://blog.chinaunix.net/uid-12115233-id-3561954.html 1:首先在官网下载Cisco2950 模板https://www.zabbix.co ...
- Redis 中 byte格式 写入、取出
实体类: package com.nf.redisDemo1.entity; import java.io.Serializable; public class News implements Ser ...
- Ubuntu和window10 安装双系统
先安装window10,然后空出一部分储存空间,我空出来了103G. 然后安装ubuntu分区的时候注意: 刚开始安装的时候:出现安装类型的时候:选择其他选项: 在分区的时候:单击127117(这里是 ...
- python Dom
Dom(Document) 称为:文档对象模型,是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式.DOM把网页和脚本以及其他的编程语言联系了起 ...
- 为什么就连iPhone、三星手机的电池都能出问题?
近年来关于三星.苹果.华为等知名手机厂商电池爆炸的消息一直不断在媒体上报道.这在一定程度上引发了消费者的重度忧虑,也给这些知名手机厂商从一定程度上造成了信任危机.为何连这些知名品牌都无法避免手机电池的 ...
- 网络爬虫url跳转代码
from bs4 import BeautifulSoup from urllib.request import urlopen import re import random base_url = ...