Использовать обратное геокодирование в Vue.js - PullRequest
Новая
       43

Использовать обратное геокодирование в Vue.js

1 голос
/ 25 сентября 2019

Я работаю над проектом, который отслеживает местоположения GPS и должен отображаться на карте Google в виде точек.Поэтому я использую Обратное геокодирование .

Я просто поместил ниже кода внутри methods: в моем Component. 

        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(my_url_here) для этого?Я застрял в этом случае.Если кто-то может рассмотреть и помочь мне в этом вопросе, был бы благодарен.

...