react-map-bdmap v1.7.3

react baidu map

添加地图标记

Install

npm install react-map-bdmap --save

API

usage

 import  BDMap from "react-map-bdmap";
 const mapAK = "xxxx";//秘钥

  class MyPage extends PureComponent{
    constructor(props){
        super(props);
    }
    
    componentDidMount(){
        console.log(this.map)
    }
    onPressEnter = (e)=>{
        this.map.setPlace(e.target.value)
        .then((point)=>{
            console.log(point);
            
        })
        
    }
    showInfoWindow = (point)=>{
        return `<div>
                <span>看到积分了</span>
            </div>
        `
    }
    onDrag = (e)=>{
        console.log(e.point);
    }
    render(){
        return(

        <div style={{height:4000}}>
            
            <Input onPressEnter={this.onPressEnter}>
            </Input>
            <Map
                AK={mapAK}
                id="shuaige"
                coords={[{
                    lat: "39.94746",
                    lng: "116.359764",}]}
                style={{ height: 400 }}
                showMarker
                showInfoWindow={this.showInfoWindow}
                ref={(ref)=>this.map=ref}
            >
                
            </Map>
            <div style={{margin:"40px"}}>
                <Map
                    AK={mapAK}
                    id="jinxin"
                    coords={[{
                        lat: "40.94746",
                        lng: "116.359764",
                    }]}
                    showMarker
                    style={{ height: 400 }}
                >
                    
                </Map>
                </div>
            
        </div>



    )
    }
}

export default MyPage;