0.1.1 • Published 6 years ago
react-geo-maps v0.1.1
React Google map
A React component to integrate Google Maps
Installation
To install the stable version
yarn add react-geo-maps
or
npm install react-geo-maps --save
Google Maps marker is imported as
import { Marker } from "react-geo-maps";
Create your component
import React, { Component } from "react";
import { Marker } from "react-geo-maps";
const locations = [
{ lat: -25.363, lng: 131.044, title: "Australia" },
{ lat: 28.7041, lng: 77.1025, title: "Delhi" }
];
class App extends Component {
render() {
return (
<Marker
apikey="YOUR_API_KEY"
zoom={2}
center={{ lat: -28.024, lng: 140.887 }}
locations={locations}
height={500}
width={500}
/>
);
}
}
export default App;
Props
Prop | Type | Required | Description |
---|---|---|---|
apikey | string | :white_check_mark: | Your Google Maps API Key |
zoom | number | :white_check_mark: | Set the map zoom level |
center | object | :white_check_mark: | Default Center |
locations | array | :white_check_mark: | Multiple Location |
width | number | :white_check_mark: | Width of map |
height | number | :white_check_mark: | Height of map |