引言
本文不是要教你使用高德,是教你如何快速搞清一个文档
本文针对初级/小白来写的(大佬可直接关了本文章了,抱歉浪费了你半分钟),因为我自己就是小白一个,主要描述一下如何从 0 认识一个没接触过的“库”,并且能运用在项目中。
项目中要使用 XXX,但是自己之前没了解过
,该怎么快速上手
?
坚持28定律
,用20%时间,掌握80%内容,足够平时开发使用了(对于初级开发来说)
实操
拿高德地图举例,首先你要有能力 -> 从百度中找到 XXX 的官方文档,而不是被吸引到某些乱七八糟的地方
从快速上手开始
大部分的官方文档,都会有一个快速上手
,我们直接看这里
https://developer.amap.com/api/javascript-api/guide/abc/quickstart
高德的这个就很好,这也正是我想说的,不论它内容有多少,你都需要掌握一下全局
拿这个举例,首先你要知道,这个地图库会有“地图、图层、点标记、矢量图形、信息窗体、事件”这几个内容,在现在这个阶段,这些内容具体是啥,别管,一步步看
通过阅读这个快速上手页,你可以大致知道这个库主要的内容
因为大多数文档的快速上手页,都不会有太多内容,而且都是精炼主要的内容
拿高德举例,读完后,你会知道,“地图、图层、点标记、矢量图形、信息窗体、事件”,这些内容。
并且相关代码也需要看一下,要知道他具体是怎么用的,现在这个阶段不用深究
它需要的各个参数
var map = new AMap.Map(
'container',
{
zoom:11,//级别
center: [116.397428, 39.90923],//中心点坐标
viewMode:'3D'//使用3D视图
}
);
可以看出,就是传入一个id,就是一个div的id,然后设置一些参数就ok了,这不就知道咋用了(〃‘▽’〃)
我在这里再罗列一下,我看了这页还有哪些收获
- 知道了图层这个东西,就是地图上不同的样式,是在底图上叠加的一层层不同的东西
var map = new AMap.Map(
'container',
{
resizeEnable: true,
center: [116.397428, 39.90923],
zoom: 13
}
); //实时路况图层
var trafficLayer = new AMap.TileLayer.Traffic(
{ zIndex: 10 }
);
map.add(trafficLayer);//添加图层到地图
并且通过阅读以上代码,知道了流程大致是先创建好地图,然后再创建一个叫做图层的东西,传点参,把他add到创建好的地图里
至于其他内容,大致理解起来的流程都差不多,就不赘述了
阅读目录
不论目录有多长,个人认为,最好通读一遍,目录嘛,再长能花了你5分钟吗?但是获取的收益很可观
通过阅读目录,我知道了(下面这部分可以粗略的看下)
- 地图是有生命周期,状态的,可以给地图添加交互,对覆盖物进行管理,可以自定义,还知道了有3D地图,虽然暂时不用,但是知道有这个东西
- 覆盖物知道了有点,矢量,分组之类的
- 可以绘制3D立体图形,虽然它下面还有好多小标题,但是我知道用不着,就没去看
- 图层有官方的,第三方的,还可以自定义
- 这些东西都有事件系统
- 文档对坐标有单独讲解
- 几何计算也有
- 还有一些辅助函数的库
- 更高级的东西只是知道有,比如:路线规划,轨迹,定位,天气等
看示例
总结
知道了这些后,你就大致知道了这个库它提供了什么东西,然后就可以得心应手的在项目里用了,哪里卡住了,返回来查,也知道去哪里查,
通篇阅读目录
最主要的原因是:当你要实现某个需求时候,可能这个库恰好就提供了,当你整体知道了这个库,你就可以定位到那里再去读文档,或者找相关的文章来进行学习开发