![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
OpenLayers
文章平均质量分 80
TechFE
CSDN博客体验不好,我的博客更新在:https://zrysmt.github.io/
展开
-
OpenLayers 3实践与原理探究4.4-ol3源码分析-render
前面几节的内容介绍了Map,View,Source,Layer,这些其实我们都是要么在对象属性中设置 ,要么是通过方法设置,实质上是通过共享的全局变量设置地图包含的图层,地图的显示效果,但是如果真正上绘制在浏览器上,需要渲染在canvas(ol3常用的渲染方式).由于源码代码量比较大,这里只是从大部分介绍流程。 网上有人(OpenLayers 3源码那些事)总结一张图的不错,这里拿来用一下 0.原创 2016-09-28 12:24:19 · 5023 阅读 · 1 评论 -
OpenLayers 3实践与原理探究4.2-ol3源码分析-Map,View
1.Mapol/ol/map.js 1.1构造函数ol.Map = function(options) { ol.Object.call(this);//@extends {ol.Object} var optionsInternal = ol.Map.createOptionsInternal(options); }常量对象共享地图设置,并且将常量对象共享出去,作为公用变量goog.p原创 2016-09-28 12:22:24 · 1635 阅读 · 0 评论 -
OpenLayers 3实践与原理探究4.3-ol3源码分析-Source,Layer
3.Sourceol/ol/Source文件夹下 3.1构造函数3.1.1 ol.source.Source ol.source的基础类ol/ol/Source/source.jsol.source.Source = function(options) {}3.1.2 ol.source.OSMol/ol/Source/osmsource.js openStreetMap:ol.source.OS原创 2016-09-28 12:23:24 · 1394 阅读 · 0 评论 -
OpenLayers 3实践与原理探究4.1-ol3源码分析-底层基础
因为下面的内容会分模块介绍源码,所以这里为了方便,首先介绍源码的目录结构 在OpenLayers 3官网的下载页面下载我们在开发工程中需要的文件(如:v3.17.1.zip),注意如果需要编译源代码,需要下载包含编译功能的文件包:https://github.com/openlayers/ol3/releases 下载指定release版本的源码,注意是Source code (zip)或者Sou原创 2016-09-28 12:21:42 · 3107 阅读 · 1 评论 -
OpenLayers 3实践与原理探究1-ol2 VS ol3
本文的重点在OpenLayers 3,对于OpenLayers 2简单比较说明。 下文中OpenLayers 2简称OL2,OpenLayers 3简称OL31.OL 2 VS OL 3简单源码和实例1.1 OpenLayers 2OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后,原创 2016-09-27 19:33:11 · 2755 阅读 · 0 评论 -
OpenLayers 3实践与原理探究2-ol3基础入门案例
0.实例在OpenLayers3官网的下载页面下载我们在开发工程中需要的文件(如:v3.17.1-dist.zip),实际工程中包含两个文件ol.js,ol.css 先看一个实例代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1-TileWMS</title> <link r原创 2016-09-27 19:34:00 · 1716 阅读 · 0 评论 -
openlayers 3扩展,调用百度地图、高德地图、天地图服务
调用这三个商业地图服务,我们使用的都是切片(Tile)地图服务,关于切片地图的含义这里做简单的介绍: 切片地图就是指将显示的地图切成一块一块的(256 * 256)分别显示加载。openlayers 3中有这样图层加载类,ol.layer.Tile,对应的source类有ol.source.TileImage,ol.source.XYZ,这两者的关系通过源码可以看到 ol.inherits(ol原创 2017-03-28 11:45:23 · 18010 阅读 · 13 评论 -
Openlayers 3 使用React 组件化+wepack+ES6实践记录笔记
本博文不作深入研究内容,只用来记录使用React 组件化+wepack+ES6技术操作Openlayers 3 实践中遇到的问题,本博文作为开篇,所以只是简单的demo案例说明。后面还会有其他的一些博文分享我在项目中遇到的问题和总结的经验。大约一年前我写过一个系列的Openlayers 3的简单的源码结构的分析,代码以及说明在我的github中有,需要的同学出门右转。 Openlayers 3的原创 2017-03-10 20:38:08 · 8081 阅读 · 0 评论 -
使用leaflet或者openlayers 3 调用MapServer服务最佳实践完整说明
最近尝试了很多次,看到网上的很多教程都是版本比较老旧,会出现很多问题。经过数天的实践,现在可以调用成功,遂将步骤记录在此。 为避免以后使用的软件不兼容,首先给出基于window 10的软件版本: - MapServer服务器 3.2.1 ms4w-3.2.1-setup.exe http://www.ms4w.com/QGIS 2.18 osgeo4w-setup-x86_64.exe原创 2017-05-04 20:57:49 · 4615 阅读 · 2 评论