Nauseating Packaged Meat

    @syncromatics/react-google-maps
    TypeScript icon, indicating that this package has built-in type declarations

    9.8.0 • Public • Published

    @syncromatics/react-google-maps

    A fork of react-google-maps for displaying and interacting with Google Maps in React applications

    Quickstart

    Add the @syncromatics/react-google-maps package to your project:

    With yarn:

    yarn add @syncromatics/react-google-maps

    With npm:

    npm install --save @syncromatics/react-google-maps

    Then use it to display maps:

    import { GoogleMap, Marker } from "@syncromatics/react-google-maps"
    
    const MyMapComponent = (props) =>
      <GoogleMap
        defaultZoom={8}
        defaultCenter={{ lat: -34.397, lng: 150.644 }}
      >
        {props.isMarkerShown && <Marker position={{ lat: -34.397, lng: 150.644 }} />}
      </GoogleMap>
    
    // Uses of MyMapComponent
    <MyMapComponent isMarkerShown />// Map with a Marker
    <MyMapComponent isMarkerShown={false} />// Just only Map

    Continue reading the documentation for more interactive examples of interactions with Google Maps.

    Getting Help

    The documentation has examples of how to use each component. Many people have asked and answered questions on StackOverflow. (Some things may be general Google Maps issues, for which there are lots of questions and answers as well.)

    Building

    Travis npm devDependency Status

    Install dependencies:

    yarn

    Run React Styleguidist, a hot-reloading interactive local website:

    yarn styleguide
    

    Once the styleguide is running, visit http://localhost:6060 and start coding! (Note, you should probably get an API key with the Google Maps API enabled, then update constants.js.)

    Learn more in our contributor's guide.

    Code of Conduct

    We are committed to fostering an open and welcoming environment. Please read our code of conduct before participating in or contributing to this project.

    Contributing

    We welcome contributions and collaboration on this project. Please read our contributor's guide to understand how best to work with us.

    License and Authors

    GMV Syncromatics Engineering logo GMV Syncromatics Engineering

    license GitHub contributors

    This software is made available by Tom Chen under the MIT license and this fork is maintained by GMV Syncromatics Engineering.

    Install

    npm i @syncromatics/react-google-maps

    DownloadsWeekly Downloads

    12

    Version

    9.8.0

    License

    MIT

    Unpacked Size

    525 kB

    Total Files

    115

    Last publish

    Collaborators

    • glenwperry
    • jrkoch
    • thzinc