openlayers 默认投影

Openlayers系列（一）关于地图投影的理解

背景近期开发以MongoDB为基础的分布式地理数据管理平台系统,被要求做一个简单的demo给客户进行演示.于是笔者便打算向数据库中存储一部分瓦片数据,写一个简单的存取服务器,使用Openlayers客户端加载瓦片进行展示.本来是个挺简单的功能,可是谁曾想,"打了一辈子鹰,却被鹰啄瞎了眼".在使用Openlayers客户端进行瓦片加载时,出现了加载的瓦片偏移.行列号不正确的问题. 问题描述如图所示,地图出现了上下偏移的问题,并且,这些瓦片的实际行列号与当前Openlayers计算的行

openLayers 3知识回顾

openlayers 知识前段时间帮助同事重构一个地图类的项目,然后就学习了openLayer3这个框架,但是官网上没有中文版,也没有详细的例子解释,我只能遇到看不懂的就翻译成中文来用,为了方便以后再用这个ol,能够更快的上手,就花了几天的时间总结了ol的知识,ol功能很丰富,API也很多,没有写太多,只是写了怎么用的,只要学会了根本,就可以很快的使用API去操作map. 另外,在总结知识的同时,还写了demo,加深自己的理解,大家觉得不错的话,给个star- GitHub 那么开始吧! 目录

Openlayers系列（一）关于地图投影相关错误的解决方案

背景近期开发以MongoDB为基础的分布式地理数据管理平台系统,被要求做一个简单的demo给客户进行演示.于是笔者便打算向数据库中存储一部分瓦片数据,写一个简单的存取服务器,使用Openlayers客户端加载瓦片进行展示.本来是个挺简单的功能,可是谁曾想,“打了一辈子鹰,却被鹰啄瞎了眼”.在使用Openlayers客户端进行瓦片加载时,出现了加载的瓦片偏移.行列号不正确的问题. 问题描述如图所示,地图出现了上下偏移的问题,并且,这些瓦片的实际行列号与当前Openlayers计算的行列号并不一

Openlayers 3计算长度和面积

1.比较粗糙的计算方式计算长度 var length = lineFeature.getGeometry().getLength(); if (length > 1000) { length = length / 1000; unit = 'km'; } else { unit = 'm'; } 说明:直接使用geom的getLength方法获取长度,openlayers默认的长度单位是m.所有如果长度大于1000,需要转换成km. 计算面积 var area = polygonFeature

GIS基础知识 - 坐标系、投影、EPSG:4326、EPSG:3857

最近接手一个GIS项目,需要用到 PostGIS,GeoServer,OpenLayers 等工具组件,遇到一堆地理信息相关的术语名词,在这里做一个总结. 1. 大地测量学 (Geodesy) 大地测量学是一门量测和描绘地球表面的学科,也包括确定地球重力场和海底地形. 1.1 大地水准面 (geoid) 大地水准面是海洋表面在排除风力.潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面.虽然我们通常说地球是一个球体或者椭球体,但是由于地球引力分布不均(因为密度不

OpenLayers API整理

整理的Openlayers 的知识笔记,随着运用不断加深理解,也会不断更新. 本文链接:Openlayers API整理作者:狐狸家的鱼 GitHub:八至一.创建地图 1.地图Map 创建地图底图:需要用new ol.Map({}) 地图map是由图层layers.一个可视化视图view.用于修改地图内容的交互interaction以及使用UI组件的控件control组成的. (1).创建基本地图 let map = new ol.Map({ target: 'map',//对象指向 la

openlayers/// Puppeteer.js

1.定位;https://viglino.github.io/ol3-ext/examples/map.interaction.geolocationdraw.html 2 .添加Overlay div遮住鼠标事件处理 var point_div = document.createElement('div'); point_div.className = "css_animationBui mapEleClass"; point_div.style.background = &quo

Gis基础知识，坐标投影

1. 大地测量学 (Geodesy) 大地测量学是一门量测和描绘地球表面的学科,也包括确定地球重力场和海底地形. 1.1 大地水准面 (geoid) 大地水准面是海洋表面在排除风力.潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面.虽然我们通常说地球是一个球体或者椭球体,但是由于地球引力分布不均(因为密度不同等原因),大地水准面是一个不规则的光滑曲面.虽然不规则,但是可以近似地表示为一个椭球体,这个椭球体被称为参考椭球体(Reference ellipsoi

Google earth engine 中的投影、重采样、尺度

本文主要翻译自下述GEE官方帮助 https://developers.google.com/earth-engine/guides/scale https://developers.google.com/earth-engine/guides/projections https://developers.google.com/earth-engine/guides/resample#resampling 1 尺度(scale) 尺度(scale)指像元分辨率.GEE中进行分析计算时以影像金字塔

box-shadow、drop-shadow 和 text-shadow

1. box-shadow 合阴影, 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的参数设置取值: 阴影类型:此参数可选.如不设值,默认投影方式是外阴影:如取其唯一值“inset”,其投影为内阴影: X-offset: 阴影水平偏移量,其值可以是正负值.如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边: Y-offset: 阴影垂直偏移量,其值也可以是正负值.如果为正值,阴影在对象的底部,

CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着html5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的参数设置取值: 阴影类型:此参数可选.如不设值,默认投影方

css中box-shadow阴影效果的使用

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的参数设置取值: 阴影类型:此参数可选.如不设值,默认投影方

【转】 CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着html5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的参数设置取值: 阴影类型:此参数可选.如不设值,默认投影方

css3 一些属性

==text-shadow== 语法:text-shadow: x-offset y-offset blur-radius color text-shadow:X 轴偏移量 Y轴偏移量模糊半径阴影颜色兼容性,兼容标准浏览器, ie你懂的 =参数说明= X 轴偏移量:是指阴影水平偏移量,其值可以是正负值,如果值为正值,刚阴影在对象右边,反之其为负值,阴影在对象的左边: Y 轴偏移量:是指阴影的垂直偏移量,其值也可以是正负值,如果值为正值,则阴影在对象底部,反之为其负值,阴影在对象顶部: 阴影

Viz World and Viz Curious Maps 教程 -- 基础篇

0. 开篇之前的一些废话本文的内容是之前因为一些原因而写的,现在打算分享出来,内容就不做更改纯迁移了…毕竟我也太久没摸过加密狗了( ╯□╰ ).内容定位是教程,对应的 Curious World Maps 版本号为12.1,Viz World Classic(即14.0以后的版本)应该也能看,希望本教程能帮助各位顺利掌握此软件.PS:Viz World 的部分打算分开发,因为都挺长的. 本文还没有迁移完成..如果有幸被你发现,放心吧不会坑掉的,会搬完的..后续的抽空发……传到优酷的视频不大清楚

CSS3新特性罗列

接触CSS3这么久了,总是到要用的时候直接拿来用,却没有好好地总结归纳一下,那就在这里好好梳理一下吧. CSS3边框: 圆角边框: 关键:border-radius <!DOCTYPE html> <html> <head> <style> div { text-align:center; border:2px solid #a1a1a1; padding:10px 40px; width:350px; border-radius:25px; -moz-bo

css阴影--box-shadow的用法

原文:http://blog.csdn.net/freshlover/article/details/7610269 text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着html5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模

CSS3阴影 box-shadow的使用

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着html5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的参数设置取值: 阴影类型:此参数可选.如不设值,默认投

CSS3阴影 box-shadow的使用和技巧总结[转]

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着html5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的参数设置取值: 阴影类型:此参数可选.如不设值,默认投影方

CSS3影子 box-shadow使用和技巧总结

text-shadow阴影效果添加到文本,box-shadow块元素被添加到周围的阴影. 随着html5和CSS3声望.越来越普遍的使用特效. 基本语法这是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的參数设置取值: 阴影类型:此參数可选. 如不设值,默认投影方式是外

openlayers 默认投影

热门专题