本文共 938 字,大约阅读时间需要 3 分钟。
(国外网站,可能访问会比较慢)
将下载好的 js 和 css 引入项目。
1、引入 js 和 css
2、定义 div 容器
3、js 初始化地图
把定义视图换成这个也行:
view: new ol.View({ // 设置成都为地图中心 center: [104.06, 30.67], // 指定投影使用EPSG:4326一个等同于WGS84坐标系 projection: 'EPSG:4326', zoom: 10 })
1)ol.map: 它本身并没有什么实事需要他做,他只是一个协调者,去协调各个组成部分。对于我们开发而言,它就是一个程序的入口,我们可以通过它使用其提供的功能。
2)ol.view:即视图。它主要就是控制地图显示的位置以及层级等功能
3)ol.layer:即图层。在openlayers中针对不同业务有着多种多样的图层类提供,而ol.layer相当于一个管理者,有效处理地图数据来源的多样性和复杂性问题。
4)ol.source:即数据源。它是整个地图背后的核心部分,如果没有数据,地图是渲染不出来。它与图层一一对应,针对不同的图层也会有不同的数据来源。
5)还有两个组成部分:控件(ol.control),交互(ol. interaction),后面再接触。
1)target : 这个做地图开发的都懂的,就是在DOM中定义的地图容器,一般是一个div
2)layers: openlayers 支持多个图层显示,可通过后期addlayer方法添加上去的ol.layer.Tile是ol.layer下的一个子类。主要是用来定义瓦片图层。
3)view:主要定义地图显示的中心点以及层级,可能有人疑问这个地图中心点为什么不是常见的WGS84坐标系坐标点。这主要是 openlayers 默认使用的墨卡托投影坐标系,当然我们也是可以使用 WGS84 坐标系的。
最后访问页面查看:
参考资料:
ends ~
转载地址:http://njcgn.baihongyu.com/