关于Openlayers与React的结合–第一个组件
简介
下面是我对如何将Openlayers与React结合上面的记录
组件
React采用一个组件化的思想帮助前端进行工程化。所有的对象要内置在每个组件中,可以使用状态或者属性存储。简要代码如下:
import React from 'react';
class Olbasemap extends React.Component{
componentDidMount(){
let map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.fromLonLat([37.41, 8.82]),
zoom: 4,
})
});
}
render(){
return(
<div id="map"