MuralsMap (google maps api)

[marshalloffutt]

User Story

As a user I want to see a Google map of the city of Nashville. This map should be able to zoom in and out. And I should be able to pan in any direction. 🗺

Acceptance Criteria

The google maps api is shown on the dom. At this point there is only zoom in/zoom out and panning ability. That is all.

Technical Notes

• Install react-google-maps package into my project npm install --save react-google-maps 💪
• Nashville loads as the default city 🎸
• Further reading:
  • Official Maps JavaScript Docs
  • React Google Maps Package Documentation
  • React Google Maps Article

[marshalloffutt]

MuralsMap.js

import React from "react";
import { withScriptjs, withGoogleMap, GoogleMap } from "react-google-maps";

const MuralsMap = withScriptjs(withGoogleMap(() =>{

  return (
      <GoogleMap
        defaultZoom={14}
        center={ { lat:  36.1627, lng: -86.7816 } }
        >
      </GoogleMap>
    );
  }
))

export default MuralsMap;