/Javascript/React/Google map react search place

Google map react search place

Google map in react js

import React, { Component } from 'react';
import GoogleMapReact from 'google-map-react';

const AnyReactComponent = ({ text }) => <div>{text}</div>;

class SimpleMap extends Component {
  static defaultProps = {
    center: {
      lat: 59.95,
      lng: 30.33
    },
    zoom: 11
  };

  render() {
    return (
      // Important! Always set the container height explicitly
      <div style={{ height: '100vh', width: '100%' }}>
        <GoogleMapReact
          bootstrapURLKeys={{ key: /* YOUR KEY HERE */ }}
          defaultCenter={this.props.center}
          defaultZoom={this.props.zoom}
        >
          <AnyReactComponent
            lat={59.955413}
            lng={30.337844}
            text="My Marker"
          />
        </GoogleMapReact>
      </div>
    );
  }
}

export default SimpleMap;

Source: npmjs.com

Google map react search place

npm install google-map-react

Similar codes

1 vote369 views1 answer
React material ui classname
Javascript React
0 vote362 views1 answer
Radio button default checked react
Javascript React
1 vote315 views1 answer
Ctx in react
Javascript React
0 vote356 views1 answer
Content uri react native fs
Javascript React
0 vote399 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
0 vote338 views1 answer
Create react app ssl
Javascript React
78 votes355 views6 answers
React router redirect
Javascript React
24 votes365 views5 answers
How to change port in react js
Javascript React
0 vote376 views1 answer
React implicit return
Javascript React
0 vote391 views1 answer
Chinese icon in react native vector icons
Javascript React