LocationMessage apiKey prop added.

Author: abdurrahmanekr

README.md

@@ -422,6 +422,7 @@ import { LocationMessage } from 'react-chat-elements'
 | prop | default | type | description |
 | ---- | ---- | ---- | ---- |
 | src | none | image | image src |
+| apiKey | none | string | google staticmap api key |
 | data | {} | object | message data |
 | target | _blank | string | image a tag target prop |
 | onOpen | none | function | image on open |

src/LocationMessage/LocationMessage.js

@@ -12,8 +12,9 @@ export class LocationMessage extends Component {
 			longitude,
 		} = this.props.data || {};
 
+		var key = this.props.apiKey ? ('&key=' + this.props.apiKey): '';
 		this.state = {
-			url: 'https://maps.googleapis.com/maps/api/staticmap?markers=color:red|'+latitude+','+longitude+'&zoom=14&size=270x200&scale=2',
+			url: 'https://maps.googleapis.com/maps/api/staticmap?markers=color:red|'+latitude+','+longitude+'&zoom=14&size=270x200&scale=2' + key,
 		};
 	}
 
@@ -37,6 +38,7 @@ export class LocationMessage extends Component {
 
 LocationMessage.defaultProps = {
 	target: '_blank',
+	apiKey: null,
 }
 
 export default LocationMessage;

src/MessageBox/MessageBox.js

@@ -65,6 +65,7 @@ export class MessageBox extends Component {
 									data={this.props.data}
 									target={this.props.target}
 									href={this.props.href}
+									apiKey={this.props.apiKey}
 									src={this.props.src} />
 							}