第一个地图小demo（基于openlayer）

最近学习了openlayer**
openlayer制作一张地图是很简单的,步骤如下:

1.首先下载官网(openlayer),将其js,css包下载下来,作为我自己的html中的引用(放到head里面,如下图):
在ol.js下面我还引入了jquery的和gps的包js包(目前没有用到!!!)
2,写一个div容器,其中容器id是map:

3,其次,body中new一个map

4,其中map中每个字段属性含义,我根据自己的理解,做了下解释:
new ol.Map相当于一个地图容器,target要与上面的div中的id值进行绑定,地图容器还需要其他图层才能进行展示,比如:layers,这是地图中的图层,后面是一个数组[ ],也就是说在一个map里面,有一个layers,layers中可以有多个图层,这样就可以在地图中展示多个图层,这里,我的layers数组里图层只有一个,也就是说new ol.layer.Tile,加载一个瓦片数据,瓦片数据是一张OSM(openStreetMap)底图,view是地图初始化的视野,center是加载的中心地方,至于为什么要ol.proj.fromLonLat([]),是因为我要把经纬度转到"EPSG:4326"投影坐标系下,zoom是放大倍数,
5,至此,一张地图就加载完成!上图:

6,最后,代码不多,附上全部代码图: