Woodshop for old agent generation
Try the new agent generation
  • What is woodshop
  • How to's
    • Smart Relationship
      • GetIdsFromRequest
    • Smart views
      • Display a calendar view
      • Create a custom tinder-like validation view
      • Create a custom moderation view
      • Create a dynamic calendar view for an event-booking use case
    • Configure environment variables
      • NodeJS/Express projects
    • Elasticsearch Integration
      • Interact with your Elasticsearch data
      • Elasticsearch service/utils
      • Another example
    • Zendesk Integration
      • Authentication, Filtering & Sorting
      • Display Zendesk tickets
      • Display Zendesk users
      • View tickets related to a user
      • Bonus: Direct link to Zendesk + change priority of a ticket
    • Dwolla integration
      • Display Dwolla customers
      • Display Dwolla funding sources
      • Display Dwolla transfers
      • Link users and Dwolla customers
      • Dwolla service
    • Make filters case insensitive
    • Use Azure Table Storage
    • Create multiple line charts
    • Create Charts with AWS Redshift
    • View soft-deleted records
    • Send Smart Action notifications to Slack
    • Authenticate a Forest Admin API against an OAuth protected API Backend
    • Translate your project into TypeScript
      • V8
        • Migrate Mongoose files
        • Migrate Sequelize files
      • v7
        • Migrate Mongoose files
        • Migrate Sequelize files
      • v6
    • Geocode an address with Algolia
    • Display/edit a nested document
    • Send an SMS with Zapier
    • Hash a password with bcrypt
    • Display a customized response
    • Search on a smart field with two joints
    • Override the count route
    • Make a field readOnly with Sequelize
    • Hubspot integration
      • Create a Hubspot company
      • Display Hubspot companies
    • Impersonate a user
    • Import data from a CSV file
    • Import data from a JSON file
    • Load smart fields using hook
    • Pre-fill a form with data from a relationship
    • Re-use a smart field logic
    • Link to record info in a smart view
    • Display data in html format
    • Upload files to AWS S3
    • Display AWS S3 files from signed URLs
    • Prevent record update
    • Display, search and update attributes from a JSON field
    • Add many existing records at the same time (hasMany-belongsTo relationship)
    • Track users’ logs with morgan
    • Search on relationship fields by default
    • Export related data as CSV
    • Run automated tests
  • Forest Admin Documentation
Powered by GitBook
On this page
  • Requirements
  • How it works
  • Directory: /models
  • Directory: /forest

Was this helpful?

  1. How to's

Geocode an address with Algolia

Previousv6NextDisplay/edit a nested document

Last updated 2 years ago

Was this helpful?

Algolia is sunsetting its Place services. We recommend that you use the Google service instead. .

This example shows you how to use an autocomplete address smart field to update a PostreSQL geography point (lat, long).

Requirements

  • An admin backend running on forest-express-sequelize

  • An algolia account

How it works

Directory: /models

This directory contains the events.js file where the model is declared.

models/events.js
module.exports = (sequelize, DataTypes) => {
  const Model = sequelize.define('events', {
    name: {
      type: DataTypes.STRING,
      primaryKey: true,
    },
    locationGeo: {
      type: DataTypes.GEOMETRY('POINT', 4326),
    },
    address: {
      type: DataTypes.STRING,
    },
  }, {
    tableName: 'events',
    underscored: true,
    timestamps: false,
    schema: process.env.DATABASE_SCHEMA,
  });
  
  Model.removeAttribute('id');
  Model.associate = () => {};
  
  return Model;
};

Directory: /forest

This directory contains the events.js file where the Smart Field Location setteris declared. This smart field will be used to update the value of the addressand locationGeo fields.

/forest/events.js
const algoliasearch = require('algoliasearch');

const places = algoliasearch.initPlaces(process.env.PLACES_APP_ID, process.env.PLACES_API_KEY);

async function getLocationCoordinates(query) {
  try {
    const location = await places.search({ query, type: 'address' });
    console.log('search location coordinates result', location.hits[0]._geoloc);
    return location.hits[0]._geoloc;
  } catch (err) {
    console.log(err);
    return null;
  }
}

async function setEvent(event, query) {
  const coordinates = await getLocationCoordinates(query);
  event.address = query;
  event.locationGeo = `{"type": "Point", "coordinates": [${coordinates.lat}, ${coordinates.lng}]}`;
  console.log('new address', event.address);
  console.log('new location', event.locationGeo);
  return event;
}

collection('events', {
  fields: [{
    field: 'Location setter',
    type: 'String',
    // Get the data to be displayed.
    get: (event) => event.address,
    // Update using Algolia.
    set: (event, query) => setEvent(event, query),
  }],
});

npm package

The field Location setter should use the to enable address autocomplete.

algoliasearch
address edit widget
Learn more