OpenLayers 初学者指南,源码测试可用

系统学习还是看书比较快。初学不建议看官网在线文档,无重点,缺少主线,不适合初学。本书用的openlayers虽然不是最新版,但对入门来说够用了。
书名是从博文 http://linwei.xyz/ol3-primer/index.html 里看到的,在此致谢。

OpenLayers 3: Beginner’s Guide

内容很详细,有源码,对相关概念来龙去脉都有交待,很好的入门书。强烈推荐。
OL guide
在线书:http://openlayersbook.github.io/

下载源码

该书有源码下载,全部例子经测试可用,便于初学练习。
源码下载地址:https://github.com/openlayersbook/openlayersbook.git
克隆源码到本地:

E:\dev\map>git clone https://github.com/openlayersbook/openlayersbook.git
Cloning into 'openlayersbook'...
remote: Enumerating objects: 1847, done.
remote: Total 1847 (delta 0), reused 0 (delta 0), pack-reused 1847
Receiving objects: 100% (1847/1847), 44.53 MiB | 1.36 MiB/s, done.
Resolving deltas: 100% (49/49), done.

安装依赖

需要已安装node,并安装了cnpm。

E:\dev\map>cd openlayersbook
E:\dev\map\openlayersbook>cnpm install
√ Installed 8 packages
√ Linked 56 latest versions
√ Run 0 scripts
√ All packages installed (70 packages installed from npm registry, used 2s(network 2s), speed 460.03KB/s, json 56(260.64KB), tarball 711.4KB)

运行例子演示

需要已安装Node。

E:\dev\map\openlayersbook>node index.js
body-parser deprecated bodyParser: use individual json/urlencoded middlewares index.js:19:9
body-parser deprecated undefined extended: provide extended option node_modules\_body-parser@1.19.2@body-parser\index.js:105:29
listening on port 3000

显示效果

在浏览器地址栏输入:localhost:3000
目录在这里插入图片描述
点击目录进入章节,可查看例子效果。
例子

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值