react-bmapgl地图的使用

import React, { Component } from 'react';
import { Map, Marker, NavigationControl, InfoWindow, MapApiLoaderHOC, ZoomControl } from 'react-bmapgl';

class App extends Component {
    render() {
        return (
            <div className='lg:h-[700px] h-[300px]'>
                <Map center={{ lng: 114.029755, lat: 22.623198 }} zoom="12" enableScrollWheelZoom={false} style={{height:'100%'}}>
                    <Marker position={{ lng: 114.029755, lat: 22.623198 }} />
                    <NavigationControl />
                    <InfoWindow position={{ lng: 114.029755, lat: 22.623198 }} text="
" title="" />
                    <ZoomControl />
                </Map>
            </div>
        )
    }
}

export default MapApiLoaderHOC({ ak: '百度地图密钥' })(App);

 

posted @ 2024-01-24 09:28  漫漫长路</>  阅读(171)  评论(0编辑  收藏  举报