material-ui-places
Advanced tools
Readme
Wrapper on top of the material-ui AutoComplete component that use google place api
Add this script to your html page:
<head>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
</head>
Material-ui is required:
npm install material-ui
npm install material-ui-places
<GooglePlaceAutocomplete
searchText={'paris'}
onChange={onAutoCompleteInputChangeFct}
onNewRequest={onClickLocationFct}
name={'location'}
/>
onNewRequest: function -> (selectedData, searchedText, selectedDataIndex)
location: {lat: latitude, lng: longitude}, default: {lat: 0, lng: 0} see LatLng
radius: number, default: 0
bounds: object, {sw: southWest, ne: northEast} for LatLngBounds or {south: south, east: east, north: north, west: west} for LatLngBoundsLiteral default: undefined
getRef: function -> (ref)
types: Array, The types of predictions to be returned. Four types are supported: 'establishment' for businesses, 'geocode' for addresses, '(regions)' for administrative regions and '(cities)' for localities. If nothing is specified, all types are returned., default undefined
restrictions: country: Array|String, { country: [ 'fr', 'gb'] | 'gb' }
Restricts predictions to the specified country (ISO 3166-1 Alpha-2 country code, case insensitive). E.g., us, br, au. You can provide a single one, or an array of up to 5 country code strings. See ComponentRestrictions
npm run build - produces production versionnpm run dev - produces development versionnpm test - run the testsFAQs
Wrapper on top of the material-ui AutoComplete component that use google place api
The npm package material-ui-places receives a total of 19 weekly downloads. As such, material-ui-places popularity was classified as not popular.
We found that material-ui-places demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.