Skip to content

rufman/react-google-static-map

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-google-static-map

Google Static Maps Component for React

Fixes issues in: https://github.com/viatsko/react-google-static-map

Installation

npm install --save react-google-static-map

Usage

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 }}
        />
    );
  }
}

Props

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.

About

Google Static Maps Component for React

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%