diff --git a/README.md b/README.md index 1e9013b..1dc2ce6 100644 --- a/README.md +++ b/README.md @@ -1,16 +1,14 @@ -`google-map-react` is a component written over a small set of `google maps api`. It allows you to render any `react components` on the google map. It is fully isomorphic and can render on a server. Also it render map components in browser even if google map api is not loaded. (*you can disable javascript in browser dev tools, and reload any example page to view how it works*) -It uses internal tweakable hover algorithm - every object on map can be hovered. +`google-map-react` is a component written over a small set of the [Google Maps API](https://developers.google.com/maps/). It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. -It allows you to create interfaces like this [example](http://istarkov.github.io/google-map-react/map/main) -(*You can scroll table, zoom - move map, hover-click on markers, click on table row*) +It allows you to create interfaces like this [example](http://istarkov.github.io/google-map-react/map/main) *(You can scroll the table, zoom/move the map, hover/click on markers, and click on table rows)* ##Installation ``` npm install --save google-map-react ``` -##What's It Look Like? -At simple case you just need to add `lat` `lng` props to any child of `GoogleMap` component. +##What's it Look Like? +In the simple case you just need to add `lat` `lng` props to any child of `GoogleMap` component. [simple example in action](http://istarkov.github.io/google-map-react/map/simple) ```javascript import React, {PropTypes, Component} from 'react/addons'; @@ -47,51 +45,41 @@ export default class SimpleMapPage extends Component { ##Features -###It works with your components. -Instead of ugly google map markers, balloons and other map components, just render on the map your cool animated react components. +###Works with your Components +Instead of the ugly Google Maps markers, balloons and other map components, you can render your cool animated react components on the map. -###It isomorphic. -It renders on server. (*Welcome search engines*) (*you can disable javascript in browser dev tools, and reload any example page to view how it works*) +###Isomorphic Rendering +It renders on the server. *(Welcome search engines)* *(you can disable javascript in browser dev tools, and reload any example page to see how it works)* -###Components positions calculated independent of `google maps api`. -It render components on the map before (and even without) `google maps api` loaded. +###Component Positions Calculated Independently of Google Maps API +It renders components on the map before (and even without) the Google Maps API loaded. -###It loads google map api on demand. -There is no need to place `