openlayers 3(一)

进一步接触openLayers3,写下这一段学习的小节(以下简称ol)

1.对openLayers3初步理解

  oL3是一套开源库,用于WebGis的开发(地图数据访问、地图操作)。包含了主流的JavaScript、HTML5及CSS技术,完美支持了domcanvas和gis用到的webgl三种渲染方式,支持瓦片,矢量和在线,离线的数据源。


2.对openLayers3深层次的理解
   (1) oL3采用面向对象编程思想。比如ol.Mapol.View等常用的例子,从面向对象的角度更容易理解和使用;
 (2)oL3采用包封装的方式来管理代码。通过ol.layer.Tile、ol.layer.Vector等方式来调用包,思路清晰,明确;
ol.source.Tile类图
 (3)oL3采用mvc的模型一个map对象中包括view视图,layer图层和target容器三个主要部分。
var map = new ol.Map({
        layers: [
        ],
        view: new ol.View({
            center: [0, 0],
            projection: 'EPSG:4326',
            zoom: 4
        }),
        target: 'map'
  });
3.数据才是王道,说说对数据的支持
(1)瓦片数据-tile
瓦片地图(关键):坐标系:EPSG:4326(WGS1984) 经纬度
                 EPSG:3857(Mercator) Web常用
            分辨率:
(2)静态地图-image
 关键在于,通过像素大小映射到地理图的extent: extent=[extentleft+picX,extentright+picY]

(3)矢量地图,异步加载->事件监听
                    
(4)讲究分层策略来管理各图层,把地图,图标,图示等分别用各自的图层来做容器,类似于ps中的思想。

最后必须推荐一个地址,我看了很多,这个给我的启发最多
http://weilin.me/ol3-primer/ch01/index.html
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值