No tienes acceso a esta clase

Para ver esta clase necesitas una suscripci贸n a Platzi

Integraci贸n de Google Maps en el mapa de checkout

37/45

Si todav铆a no est谩n usando variables de entorno, en este comentario de un par de clases atr谩s explico como hacerlo:

https://platzi.com/comentario/2065862/

No es para nada dificil, y es una buena pr谩ctica ocultar estos datos aunque sean solo de sandbox.

npm install @react-google-maps/api --save```

Confirmo que a la fecha de este comentario sigue funcionando tal como dijo el profesor sin ninguna modificaci贸n extra. Salu2

Han modificado el componente 鈥淍react-google-maps/api鈥

Ahora trabaja as铆:

<code>
const Map = (props: Props) => {
    const { isLoaded } = useJsApiLoader({
        id: 'google-map-script',
        googleMapsApiKey: "---"
      })
    const mapStyles={
        height:"50vh",
        with:"100%",    
    }
    const defaultCenter={
lat:19.4268,
lng:-99.17
    }
    const [map, setMap] = React.useState(null)

    const onLoad = React.useCallback(function callback(map) {
      const bounds = new window.google.maps.LatLngBounds();
      map.fitBounds(bounds);
      setMap(map)
    }, [])
    const onUnmount = React.useCallback(function callback(map) {
        setMap(null)
      }, [])
      return isLoaded ? (
        <GoogleMap
          mapContainerStyle={mapStyles}
          center={defaultCenter}
          zoom={10}
          onLoad={onLoad}
          onUnmount={onUnmount}
        >
          { /* Child components, such as markers, info windows, etc. */ }
          <></>
        </GoogleMap>
    ) : <></>
}
</code>

Si todav铆a no est谩n usando variables de entorno, en este comentario de un par de clases atr谩s explico como hacerlo:

No es para nada dificil, y es una buena pr谩ctica ocultar estos datos aunque sean solo de sandbox.

Me funcion贸 sin problemas! Lo 煤nico que tuve un problema al querer instalar el paquete pero me funcion贸 con el comando:

https://www.npmjs.com/package/@react-google-maps/api

m

Si todav铆a no est谩n usando variables de entorno, en este comentario de un par de clases atr谩s explico como hacerlo:

https://platzi.com/comentario/2065862/

No es para nada dificil, y es una buena pr谩ctica ocultar estos datos aunque sean solo de sandbox.

npm install @react-google-maps/api --save```

Confirmo que a la fecha de este comentario sigue funcionando tal como dijo el profesor sin ninguna modificaci贸n extra. Salu2

Han modificado el componente 鈥淍react-google-maps/api鈥

Ahora trabaja as铆:

<code>
const Map = (props: Props) => {
    const { isLoaded } = useJsApiLoader({
        id: 'google-map-script',
        googleMapsApiKey: "---"
      })
    const mapStyles={
        height:"50vh",
        with:"100%",    
    }
    const defaultCenter={
lat:19.4268,
lng:-99.17
    }
    const [map, setMap] = React.useState(null)

    const onLoad = React.useCallback(function callback(map) {
      const bounds = new window.google.maps.LatLngBounds();
      map.fitBounds(bounds);
      setMap(map)
    }, [])
    const onUnmount = React.useCallback(function callback(map) {
        setMap(null)
      }, [])
      return isLoaded ? (
        <GoogleMap
          mapContainerStyle={mapStyles}
          center={defaultCenter}
          zoom={10}
          onLoad={onLoad}
          onUnmount={onUnmount}
        >
          { /* Child components, such as markers, info windows, etc. */ }
          <></>
        </GoogleMap>
    ) : <></>
}
</code>

Si todav铆a no est谩n usando variables de entorno, en este comentario de un par de clases atr谩s explico como hacerlo:

No es para nada dificil, y es una buena pr谩ctica ocultar estos datos aunque sean solo de sandbox.

Me funcion贸 sin problemas! Lo 煤nico que tuve un problema al querer instalar el paquete pero me funcion贸 con el comando:

https://www.npmjs.com/package/@react-google-maps/api

m