javascript - 未捕获的类型错误 : Cannot read property 'event' of undefined using Laravel 5. 3

Question

我是 Laravel 新手。这是我的脚本代码。我正在使用此脚本来检索输入字段中的位置。

    <script type="text/javascript">


        google.maps.event.addDomListener(window, 'load', function () {
        var places = new    google.maps.places.Autocomplete(document.getElementById('job_location'));
        google.maps.event.addListener(places, 'place_changed', function () {
            var place = places.getPlace();
            var address = place.formatted_address;
            var latitude = place.geometry.location.A;
            var longitude = place.geometry.location.F;
            var mesg = "Address: " + address;
            mesg += "\nLatitude: " + latitude;
            mesg += "\nLongitude: " + longitude;
            $('#latitude').val(latitude);
            $('#longitude').val(longitude);
          //  alert(mesg);
        });
    });

我的输入字段名称是“job_location” 但在控制台中我有这样的错误

       (index):586 Uncaught TypeError: Cannot read property 'event' of undefined 

请指导我。

Answer 1

请检查谷歌自动完成工作代码:

      <label for="searchTextField">Please Insert an address:</label>
      <br>
      <input id="searchTextField" type="text" size="50">  

     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>

    <script>

      var input = document.getElementById('searchTextField');
var options = {
    componentRestrictions: {
        geocode:[]
    }
};

var autocomplete = new google.maps.places.Autocomplete(input, options);

google.maps.event.addListener(autocomplete, 'place_changed', function () {

    var place = autocomplete.getPlace();
    var lat = place.geometry.location.lat();
    var long = place.geometry.location.lng();
    alert(lat + ", " + long);

});

 </script>

这是此操作的工作链接:

http://jsfiddle.net/uxvMF/39/

谢谢