博客专栏  >  前端   >  OpenLayers 3

OpenLayers 3

WebGIS前端开源库,主要用于在桌面浏览器和手机浏览器中建立交互式的地图。

关注
93 已关注
25篇博文
  • OpenLayers3 在 Mac 视网膜屏下的响应式设计

    PPI,DPI与window.devicePixelRatio 在谈这个主题之前,首先得明确两个概念:DPI、PPI,首先他们都表示图片的分辨率,其次它们有不同: DPI,Dots Per In...

    2016-10-27 23:23
    895
  • OpenLayers 3 之 添加地图网格

    在地图上渲染一层类似于经纬线的网格层,更有利于准确的确定区域,在WGS84坐标系下,以度,分,秒为单位,称之为“经纬网”,其网格是以经纬线来划分的。在OpenLayers3中,渲染网格的类是“ol.G...

    2016-06-02 13:34
    6974
  • OpenLayers 3 之 事件体系详解

    地图上的各种事件触发到底是怎么回事?熟悉前端的肯定知道 javascript 的事件机制,openlayers 既然是 javascript 实现的,那么它就也不例外,也遵循 W3C 的标准,只不过是...

    2016-05-04 09:19
    6478
  • OpenLayers 3 之 实时追踪轨迹-获取最后添加的要素

    问题描述      有时,往往有这样的需求:每隔一段时间查询一个物体的位置,然后将这个位置绘制在地图上,中间的点用普通的样式标识,当前位置(也就是最新的点位置)使用一个特殊的样式。我们可以这样实现,查...

    2016-01-08 09:09
    4350
  • OpenLayers 3 之 添加地图鼠标右键菜单

    添加鼠标右键菜单,首先我们要监听鼠标右键点击的操作,我们知道鼠标右键事件名是 `contextmenu`,当鼠标在 html 元素之上,点击鼠标右键,便会触发 `contextmenu` 事件,在 `...

    2015-12-29 09:32
    4171
  • OpenLayers 3 之 扩展自定义控件--以切换图层控件为例

    openlayers 中的控件,是一个固定在页面某个位置的可见的DOM元素,它们可能包含可操作的按钮,也可能只是单纯的展示信息,它们的位置及其样式是由与其关联的CSS样式决定的。默认情况下,它们都位于...

    2015-12-21 08:47
    4556
  • OpenLayers 3 之 切换图层控件

    在 openlayers 2中,是默认有切换图层控件的,但是由于某种原因,openlayers 3中并没有默认实现,但却给我们很容易扩展的基类(ol.control.Control),我们可以自定义实...

    2015-11-27 12:15
    3610
  • OpenLayers 3 之 Overlay(覆盖物)详解

    Overlay 从名字看,是覆盖图、覆盖物的意思,主要的用途就是在地图之上再覆盖一层,用以显示额外的可见元素,可见元素一般是 HTML 元素,利用 overlay,可以将可见元素放置到地图的任意位置,...

    2015-11-20 16:25
    5602
  • OpenLayers 3 之 动态点扩散效果

    当某个地方发生一些事情之后,如果我们添加一个静态点在地图上,并不能引起注意,那我们可以放置一个动态的点,类似于在水中投入一个石头,水波扩散的效果,象征发生的事件有一定的影响区域,那么,我们如何利用 O...

    2015-11-21 00:28
    5920
  • OpenLayers 3 之 加载天地图

    要使用 OpenLayers 3 加载天地图,首先要弄清楚天地图发布的原理,以及遵循的发布规范,上一篇中我们提到了使用 OpenLayers 3 加载百度地图,我们提到一般网络地图为了加快访问速度,都...

    2015-11-09 21:23
    8801
  • OpenLayers 3 之 加载百度地图

    很多人想使用 OpenLayers 调用百度地图、腾讯地图等国内地图,本文就讨论一下其可能性和实现原理。我们以百度地图为例,分析其地图调用原理,我们都使用过百度地图,在网速不快的情况下,肯定有过感受,...

    2015-10-26 09:30
    11967
  • OpenLayers 3 之 绘制图形(ol.interaction.Draw)详解

    在地图上绘制各种各样的矢量图形,很多应用场景都需要用到,比如可以实现在客户端勾绘矢量图形并将结果保存到数据库以待后续编辑和可视化等等很多有用的功能。这次我们看看怎么利用 OpenLayers 3 绘制...

    2015-09-21 09:57
    7399
  • OpenLayers 3 之 绘制图形(ol.interaction.Draw)原理解析

    在 OpenLayers 3 中,负责交互的模块中,有一个负责绘制图形的交互模块,这个交互子模块是 ol.interaction.Draw。该模块允许用户通过鼠标点击(PC浏览器环境)或者手指触摸( ...

    2015-10-02 12:13
    6303
  • OpenLayers 3 之 地图矢量图层(ol.layer.Vector)详解

    在 GIS 中,地图一般分为两大类:栅格地图和矢量地图,栅格地图其实就是数码照片,只不过有的是卫星拍的。它们有一个共同特征,就是它们都是由很多个像素组成,像素大小是一致的,行高和列宽是一致的,从这个角...

    2015-06-07 07:50
    6721
  • OpenLayers 3 之 地图样式(ol.style)详解

    地图样式是由 style 类控制的,其包含了地图样式的方方面面,例如,填充色、图标样式、图片样式、规则图形样式、边界样式、文字样式等,样式一般针对矢量要素图层。      矢量图层样式可以事先写好,写...

    2015-05-30 12:49
    7190
  • OpenLayers 3 之 地图图层数据来源(ol.source)详解

    source 是 Layer 的重要组成部分,表示图层的来源,也就是服务地址。除了在构造函数中制定外,可以使用 layer.setSource(source) 稍后指定。一、包含的类型 ol.sour...

    2015-05-24 10:27
    7709
  • OpenLayers 3 之 地图交互功能(interaction)详解

    地图交互功能和上一篇讲的地图控件有些混淆,它们都控制着用户与地图的交互,区别是地图控件的触发都是一些可见的 HTML 元素触发,如按钮、链接等;而交互功能都是一些设备行为触发,都是不可见的,如鼠标双击...

    2015-05-21 09:07
    8932
  • OpenLayers 3 之 地图控件(control)详解

    每一个地图应用都应该有一些工具方便用户控制地图的行为,比如缩放,全屏,坐标控件等等,在 OpenLayers 中怎么添加这些工具呢?下面我给大家介绍一下 OpenLayers 中包含的控件种类,并介绍...

    2015-05-14 08:43
    7004
  • OpenLayers 3 之 地图视图(View) 详解

    初始化一幅地图,必备的三要素之一就是视图(view),这个对象主要是控制地图与人的交互,如进行缩放,调节分辨率、地图的旋转等控制。也就是说每个 map对象包含一个 view对象部分,用于控制与用户的交...

    2015-05-09 18:21
    6996
  • OpenLayers 3 之 地图图层(Layers) 详解

    如果不是专业的地图工作者,看到地图,可能觉得地图就是一张将三维世界映射到二维空间,很多信息混杂在一起表示空间信息的动态可交互图片,其实这只是表面现象。实际上地图是由一个或多个图层组成的,使用不同的图层...

    2015-04-30 18:41
    15515

MapServer
822968

img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部