如何在不使用html

时间:2019-05-06 21:37:24

标签: javascript geolocation google-geocoder

我需要使用Google Geocoding API从JavaScript库获取位置的纬度和经度。我在弄清楚如何设置请求的src时遇到麻烦。 Google文档使用html页面中的script标签设置src。请参见下面的示例。如何在不使用script标签的情况下从100%JavaScript代码发出请求?实际上不是从HTML页面内部发出JavaScript请求吗? 提前致谢。

来自Google的示例代码:

<!DOCTYPE html>
<html>
  <head>
    <title>Geocoding Service</title>
  </head>
  <body>
    <div id="map"></div>
<script>
    var geocoder = new google.maps.Geocoder();

    document.getElementById('submit').addEventListener('click', function() {
      geocodeAddress(geocoder, map);
    });
  }

  function geocodeAddress(geocoder, resultsMap) {
    var address = document.getElementById('address').value;
    geocoder.geocode({'address': address}, function(results, status) {
      if (status === 'OK') {
        resultsMap.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
          map: resultsMap,
          position: results[0].geometry.location
        });
      } else {
        alert('Geocode was not successful for the following reason: ' + status);
      }
    });
  }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
  </body>
</html>

0 个答案:

没有答案