Google Maps Autocomplete 2

Al3 (@al3)

9459

About This Space

A basic example of using Google Maps Address Autocomplete in a Rich Display Screen

Last updated on April 4, 2020

Forked from: /al3/google-maps-autocomplete/

Public Permissions: View Open/Fork Run Comment

Rich Display Hello World Template

This template illustrates the basics of Rich Display screens. The starting Node.js file for this application is app.js. To review or change this, right-click the file and in the tree and select Properties.

You can run the application from the Launch menu.

Statefulness

This app uses a stateful top-down paradigm, meaning that when a screen is displayed, the Node.js code is paused to wait for the user's input.

Visual Designer

The interface was built using the Visual Designer and stored in a Rich Display file named app.json. When you open the json file in the Visual Designer, you can click around to select various widgets and view properties assigned to those widgets.

Field Binding

In the Visual Designer, certain widget properties are directly bound to fields that are exposed to Node.js code.

For example:

yourName is a character field bound to the 'value' property of the textbox
submit is a boolean field bound to the 'response' property of the Submit Answer button
exit is a boolean field bound to the 'response' property of the Exit button

Layouts

Layouts are widgets that can host other widgets. This example uses a Panel Layout widget. The layout is centered on the page. This is accomplished by right-clicking the layout and selecting the Center Horizontally and Center Vertically options.

API

pjs.defineDisplay() - Create a Rich Display object from json definition
display.screen.execute() - Display a screen and wait for user to respond
display.messageBox() - Display a message box

Be the first to comment:

Comments

Write Preview Markdown: bold italic code link

Post

More Spaces By Al3 (@al3)

Filters:

Popular Recent

Google Maps Example

A basic example of using Google Maps Address Autocomplete in a Rich Display Screen and a Google map view

Al3

19342

Google Maps Example Code

A basic example of using Google Maps Address Autocomplete in a Rich Display Screen and a Google map view

Al3

9240

Image Data Review

Image Data Review lets you upload an image and retrieve all available metadata from it.

Al3

15092

AI Age

This workspace implements Amazon Web Services Rekognition. The application uses your device camera to take your photo, determine how old you look, and tell you all about it using human speech though the speakers on your device.

Al3

Alex

11746

Responsive Example

This space demonstrates how to create a more responsive grid using a layout widget and a little bit of JavaScript and a responsive edit screen. It also incorporates consuming a web service to load list data, adding image upload and display to a screen, and using gauges from Fusion Charts

Al3

16379

I Spy with my AI Code

This workspace implements Amazon Web Services Rekognition. The application uses your device camera to take a photo, analyze objects in the picture, and tell you all about it using human speech though the speakers on your device.

Al3

8786