react typescript 引入 openlayer

要在 React TypeScript 项目中引入 OpenLayers，可以按照以下步骤进行操作：

1. 安装 OpenLayers 和 TypeScript 类型定义：

   npm install ol @types/ol

2. 在 React 组件中引入 OpenLayers：

   import * as ol from 'ol';

或者，如果需要使用特定的 OpenLayers 模块，可以按如下方式进行导入：

   import Map from 'ol/Map';
   import View from 'ol/View';
   import TileLayer from 'ol/layer/Tile';
   import OSM from 'ol/source/OSM';

3. 在 React 组件中创建 OpenLayers 地图：

   const map = new Map({
     target: 'map',
     layers: [
       new TileLayer({
         source: new OSM()
       })
     ],
     view: new View({
       center: ol.proj.fromLonLat([0, 0]),
       zoom: 2
     })
   });

4. 在 React 组件的 render 方法中添加一个 div 元素来作为 OpenLayers 地图的容器：

   render() {
     return (
       <div id="map"></div>
     );
   }

这样就可以在 React TypeScript 项目中使用 OpenLayers 了。