Generic React component for displaying static maps using Yahoo, Google or Bing as a map provider.
npm install react-cartographerreact-cartographer
=========






Generic component for displaying maps using (Yahoo, Google or Bing) as provider.
``bash`
$ npm install --save react-cartographer
js
var MapComponent = require('react-cartographer/lib/components/Map');
`Map of Yahoo Location using google
`js
provider='google'
providerKey='{your app key}'
mapId='map'
addressLine1='701 First Avenue'
city='Sunnyvale'
state='CA'
country='United States'
zoom={15}
height={270}
width={580}
/>
`
Map of Apple Location using yahoo
`js
provider='yahoo'
providerKey='{your app id}'
mapId='map'
addressLine1='1 Infinite Loop'
city='Cupertino'
state='CA'
country='United States'
zoom={15}
height={270}
width={580}
/>
`
Map of Apple Location using bing
`js
provider='bing'
providerKey='{your app id}'
mapId='map'
addressLine1='1 Infinite Loop'
city='Cupertino'
state='CA'
country='United States'
zoom={15}
height={270}
width={580}
/>
`
Map of Yahoo Location using google (latitude, longitude)
`js
provider='google'
providerKey='{your app key}'
mapId='map'
latitude={51.477222}
longitude={0}
zoom={15}
height={270}
width={580}
/>
`
Map of Apple Location using yahoo (latitude, longitude)
`js
provider='yahoo'
providerKey='{your app id}'
mapId='map'
latitude={51.477222}
longitude={0}
zoom={15}
height={270}
width={580}
/>
`
Map of Apple Location using bing (latitude, longitude)
`js
provider='bing'
providerKey='{your app id}'
mapId='map'
latitude={51.477222}
longitude={0}
zoom={15}
height={270}
width={580}
/>
`
Example of using a Bing Map as a background image (Latitude: 51.477222, Longitude: 0)
`js
provider='bing'
providerKey='{your app id}'
mapId='bing'
latitude={51.477222}
longitude={0}
zoom={15}
height={270}
useBackgroundImageStyle={true}
/>
`
Example of using a Google Map without marker
`js
provider='google'
providerKey='{your app key}'
mapId='map'
latitude={51.477222}
longitude={0}
zoom={15}
height={270}
width={580}
withoutMarker
/>
`
Development
`sh
// clone the repository
$ git clone https://github.com/yahoo/react-cartographer.git$ cd react-cartographer
// install the dependencies
$ npm install
// run the tests
$ npm run test
// runs demo example
// localhost:8080
$ npm run start
``This software is free to use under the Yahoo Inc. BSD license.
See the [LICENSE file][] for license text and copyright information.
[LICENSE file]: https://github.com/yahoo/react-cartographer/blob/master/LICENSE.md