Skip to content

'zoom' not listed as a valid propType in the index.ts file #443

Description

@nzayatz14

You have several examples using the zoom prop to set the zoom level of the map, but this prop is not listed in the IMapProps definition in the index.ts file, making it unusable for typescript projects.

Current value:

export interface IMapProps extends google.maps.MapOptions {
  google: GoogleAPI
  loaded?: boolean

  style?: Style
  containerStyle?: Style

  bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral
  centerAroundCurrentLocation?: boolean
  initialCenter?: google.maps.LatLngLiteral
  center?: google.maps.LatLngLiteral

  visible?: boolean

  onReady?: mapEventHandler
  onClick?: mapEventHandler
  onDragend?: mapEventHandler
  onRecenter?: mapEventHandler
  onBoundsChanged?: mapEventHandler
  onCenterChanged?: mapEventHandler
  onDblclick?: mapEventHandler
  onDragstart?: mapEventHandler
  onHeadingChange?: mapEventHandler
  onIdle?: mapEventHandler
  onMaptypeidChanged?: mapEventHandler
  onMousemove?: mapEventHandler
  onMouseover?: mapEventHandler
  onMouseout?: mapEventHandler
  onProjectionChanged?: mapEventHandler
  onResize?: mapEventHandler
  onRightclick?: mapEventHandler
  onTilesloaded?: mapEventHandler
  onTiltChanged?: mapEventHandler
  onZoomChanged?: mapEventHandler
}

Activity

  1. mandros1 commented on May 20, 2020

    @mandros1

    +1 I also noticed this, which is weird since it is so boldly simple in the readme, but I did read somewhere in their readme that the bounds property should set the zoom as well (which makes sense) but I still haven't been able to get it to do anything, the original code of it is below

    var points = [
      { lat: 42.02, lng: -77.01 },
      { lat: 42.03, lng: -77.02 },
      { lat: 41.03, lng: -77.04 },
      { lat: 42.05, lng: -77.02 }
    ]
    const bounds = new this.props.google.maps.LatLngBounds()
    
    for (var i = 0; i < points.length; i++) {
      bounds.extend(points[i]);
    }
    
    return (
      <Map 
        google={this.props.google}
        style={containerStyle}
        initialCenter={{
            lat: 42.39,
            lng: -72.52
        }}
        bounds={bounds}
      >)
    
  2. luiscassih commented on May 25, 2020

    @luiscassih

    Adding the @types/googlemaps package solved the zoom issue with typescript but now I've facing another ts compiler error with TS7006: Parameter 'event' implicitly has an 'any' type. on ./node_modules/google-maps-react/index.d.ts:27:70
    Makes this package unusable for me on typescript

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions