系统学习还是看书比较快。初学不建议看官网在线文档,无重点,缺少主线,不适合初学。本书用的openlayers虽然不是最新版,但对入门来说够用了。
书名是从博文 http://linwei.xyz/ol3-primer/index.html 里看到的,在此致谢。
OpenLayers 3: Beginner’s 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
点击目录进入章节,可查看例子效果。