# strapi-plugin-google-geocoder

> Strapi geocoder custom field.

Latest version **1.0.1** (published 2023-02-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install strapi-plugin-google-geocoder
pnpm add strapi-plugin-google-geocoder
yarn add strapi-plugin-google-geocoder
bun add strapi-plugin-google-geocoder
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2023-02-28 |
| First published | 2023-02-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=14.19.1 <=18.x.x |
| Dependencies | 2 |
| Unpacked size | 959.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Arrigo Razzini |
| Maintainers | arrig0 |

## Links

- npm: https://www.npmjs.com/package/strapi-plugin-google-geocoder
- npm.io page: https://npm.io/package/strapi-plugin-google-geocoder

## Dependencies (2)

- [immer](https://npm.io/package/immer.md) ^9.0.19
- [react-google-autocomplete](https://npm.io/package/react-google-autocomplete.md) ^2.7.0

## Recent versions

- 1.0.1 (latest) — 2023-02-28

## README

<div align="center">
  <img src="assets/logo.svg" alt="Logo - google geocoder" />
</div>
<div align="center">
  <h1>Strapi v4 - google geocoder</h1>
  <p>A simple strapi plugin to geocode address, with <a href="https://github.com/ErrorPro/react-google-autocomplete/">@react-google-autocmplete</a> input component</p>
</div>

<img src="assets/banner.png" alt="banner - google geocoder" />

---

## 🗿 How to install

```javascript
# yarn
yarn add strapi-plugin-google-geocoder

# npm
npm i strapi-plugin-google-geocoder
```

## 🔧 Configuration

#### 1. Add plugin in plugins.js
```javascript
// config/plugins.js
...
...
"google-geocoder": {
    config: {
      apiKey: env("STRAPI_ADMIN_GOOGLE_MAPS_API_KEY"), // required,
      types: ['geocode'], // optional, default is 'geocode' - more info on  https://developers.google.com/maps/documentation/javascript/place-autocomplete#constrain-place-types
      componentRestrictions: { // optional
        country: ["it"], // restrict search result to specified country only
      } 
    },
},
...
...
```
#### 2. Add custom field

<img src="assets/instructions.gif" alt="instructions - google geocoder" />

---
_Source: https://npm.io/package/strapi-plugin-google-geocoder · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._