Javascript 在Vue.js中使用反向地理编码

我正在做一个跟踪GPS位置的项目，应该在谷歌地图上显示为点。所以我用

我只是把放在我的

组件
中
方法的下面

        initMap() {
          var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 8,
            center: {lat: 40.731, lng: -73.997}
          });
          var geocoder = new google.maps.Geocoder;
          var infowindow = new google.maps.InfoWindow;

          document.getElementById('submit').addEventListener('click', function() {
            this.geocodeLatLng(geocoder, map, infowindow);
          });
        },
        geocodeLatLng(geocoder, map, infowindow) {
          var input = document.getElementById('latlng').value;
          var latlngStr = input.split(',', 2);
          var latlng = {lat: parseFloat(latlngStr[0]), lng: parseFloat(latlngStr[1])};
          geocoder.geocode({'location': latlng}, function(results, status) {
            if (status === 'OK') {
              if (results[0]) {
                map.setZoom(11);
                var marker = new google.maps.Marker({
                  position: latlng,
                  map: map
                });
                infowindow.setContent(results[0].formatted_address);
                infowindow.open(map, marker);
              } else {
                alert('No results found');
              }
            } else {
              alert('Geocoder failed due to: ' + status);
            }
          });
        }

我还将放在
app.blade.php

    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&callback=initMap">
    </script>



我的问题是当我在参数中使用
callback
时，
initMap
函数未被识别。因此，地图没有加载到我的视图中。我应该如何使用它？我还需要使用
axios.get（我的url在这里）
来完成这项工作吗？我被困在这个案子里了。如果有人能考虑并帮助我解决这件事，将不胜感激。 也许这个答案可以帮助你：非常感谢@thibautg。我会试试的。也许这个答案可以帮助你：非常感谢@thibautg。我试试看。