一、OpenLayers概述Map、Layer、Source和View是OpenLayers框架体系中的核心类,几乎所有的动作都围绕着这些核心类来实现地图的加载和加载相关操作。在OpenLayers框架体系中:将整个地图看成一个容器(Map),核心是地图层(Layer),每一层都有对应的数据源(Source),地图的显示由地图视图控制(看法)。地图容器还支持一些与用户交互的控件(Control和Interaction),OpenLayers也支持事件机制。2、简单的地图显示importOSMfrom'ol/source/OSM';import'ol/ol.css';exportdefaultfunctionIndex(){useEffect(()=>{//初始化地图initMap();},[])/***初始化地图*/constinitMap=()=>{newMap({//使用idmaptarget:'map',//挂载到div容器,//设置地图层layers:[//创建地图使用OpenStreetMapThetilelayerofthemapsourcenewTileLayer({source:newOSM()})],//设置地图视图view:newView({//设置空间参考系统为'EPSG:3857'projection:'EPSG:3857',//地图中心的显示中心:fromLonLat([0,0]),//地图的显示级别zoom:3})})}return(
