Creating a Google Places Autocomplete Add-On for Angular-Schema-Form

[GenyaB]

Hi,

I am trying to create an add-on that adds g-places-autocomplete to the input tag based on this library:
https://github.com/kuhnza/angular-google-places-autocomplete

I'm not sure if I am executing the instructions properly or what I am doing wrong.

Here is a plunker I made:
https://plnkr.co/edit/J1Jhe3kHLICPGkARX000

All that's supposed to happen is that when the user starts typing the google places autocomplete should appear (as it does if added normally to an input tag).

At the moment all that appears is your standard text input.

Here is how I am adding it to my form:
{
"key": "googleplace",
"type": "gplace"
}

Here is how I am adding it to my schema:
{
"title": 'googleplace',
"type": "string",
"x-schema-form": {
"type": "gplace",
"placeholder": "Start Typing..."
}
};

@json-schema-form/angular-schema-form-lead

[Anthropic]

@GenyaB the plunker doesn't include a form tag in the index, is there content missing from the plunker?

[GenyaB]

@Anthropic Yeah sorry I left that out. Will add it now.

[GenyaB]

@Anthropic http://plnkr.co/edit/J1Jhe3kHLICPGkARX000?p=info