Карты Google - Использование Заменить

Я пытаюсь реализовать Google Geocode API: HTML

<iframe width="500" height="375" frameborder="0" style="border:0" src="{{googleMapSrc}}"></iframe>

Угловой:

 scope.googleMapSrc = "https://maps.googleapis.com/maps/api/geocode/json?address=" + scope.tenantInfo.AddressLine1.Replace(/ /g, '+') + "," + scope.tenantInfo.City.replace(/ /g, '+') + "," + scope.tenantInfo.State + "&key=AIzaSyAs5ZGKka7IzIfkKx09-dU76-JV4OH5jH4"

Переменная tenantInfo.AddressLine1 вводится как что-то вроде 1600 Baker Street, когда она должна быть 1600 + Baker + Street. Таким образом, я пытаюсь использовать.Replace для замены пробелов на +.

Я продолжаю получать typeError: не могу прочитать свойство "Replace of Undefined", и я не уверен, что случилось.

Изменение: и здесь задан адрес арендатора

 <div class="form-group">
                    <label class="col-xs-3 control-label" for="edittenantaddress1" data-ng-bind="appConstants.Resources.AddressLine1_Label"></label>
                    <div class="col-xs-9">
                        <input type="text" id="edittenantaddress1" name="edittenantaddress1" class="form-control"
                               data-ng-model="editingTenant.AddressLine1"
                               data-ng-required="false"
                               placeholder="{{appConstants.Resources.AddressLine1_PlaceHolder}}"
                               maxlength="{{appConstants.Tenants.AddressLineLength}}">
                    </div>
                </div>