Google Static Maps Component for React
Fixes issues in: https://github.com/viatsko/react-google-static-map
npm install --save react-google-static-map
import GoogleStaticMap from 'react-google-static-map';
class MapExample extends React.Component {
render() {
return (
<GoogleStaticMap
style={styles.map} {...locationProps}
latitude={'32.064171'}
longitude={'34.7748068'}
zoom={13}
size={{ width: 300, height: 550 }}
/>
);
}
}
Prop | Type | Description |
---|---|---|
latitude |
string |
latitude point. |
longitude |
string |
longitude point. |
size |
object |
the image size - { width: 300, height: 550 } |
zoom |
number |
defines the zoom level of the map. |
scale |
number |
scale=2 returns twice as many pixels as scale=1. The default value is calculated from the screen PixelRatio . |
format |
string |
'png', 'png32', 'jpg', 'gif', 'jpg-baseline'. use the GoogleStaticMap.ImageFormats enum. default is png . |
mapType |
string |
'roadmap', 'satellite', 'terrain', 'hybrid'. use the GoogleStaticMap.MapTypes enum. default is roadmap . |
hasCenterMarker |
bool |
add a marker on the center. default is true . |