如何从地址中获取经度和纬度

阿迪·动态网

我想使用用户将输入的地址在输入字段中显示经度和纬度。我进行了很多搜索,找到了一些解决方案,当我在本地服务器中运行它们时,当我在项目中包含该代码时,它们将无法工作。我正在使用Directory +主题。这个主题有显示地图的功能,给我一个错误

您已在此页面上多次包含Google Maps API。这可能会导致意外错误。

这是我的代码

var placeSearch, autocomplete;
var componentForm = {
  street_number: 'short_name',
  route: 'long_name',
  locality: 'long_name',
  administrative_area_level_1: 'short_name',
  country: 'long_name',
  postal_code: 'short_name'
};

function initAutocomplete() {
  // Create the autocomplete object, restricting the search to geographical
 // location types.
 autocomplete = new google.maps.places.Autocomplete(
  /** @type {!HTMLInputElement} */
 (document.getElementById('autocomplete')),
  { types: ['geocode'] });

   // When the user selects an address from the dropdown, populate the address
   // fields in the form.
   autocomplete.addListener('place_changed', fillInAddress);
}

  // [START region_fillform]
function fillInAddress() {
  // Get the place details from the autocomplete object.
  var place = autocomplete.getPlace();
   console.log(place);
   alert(place.geometry.location);
   for (var component in componentForm) {
   document.getElementById(component).value = '';
   document.getElementById(component).disabled = false;
}

 // Get each component of the address from the place details
 // and fill the corresponding field on the form.
 for (var i = 0; i < place.address_components.length; i++) {
   var addressType = place.address_components[i].types[0];
   if (componentForm[addressType]) {
    var val = place.address_components[i][componentForm[addressType]];
    document.getElementById(addressType).value = val;
   }
  }
}
// [END region_fillform]

// [START region_geolocation]
// Bias the autocomplete object to the user's geographical location,
// as supplied by the browser's 'navigator.geolocation' object.
function geolocate() {
  if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(function(position) {
     var geolocation = {
       lat: position.coords.latitude,
       lng: position.coords.longitude
     };
     var circle = new google.maps.Circle({
       center: geolocation,
      radius: position.coords.accuracy
    });
    autocomplete.setBounds(circle.getBounds());
   });
 }
}
// [END region_geolocation]

</script>
<script src="https://maps.googleapis.com/maps/api/js?signed_in=true&libraries=places&callback=initAutocomplete"
    async defer></script>

请告诉我我错了。

阿迪·动态网

我找到了解决方法。这是主题的谷歌地图的问题。为了解决这个问题,我在get_footer()之后调用了我的javascript代码;和它的工作正常。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用maxmind从IP地址获取经度和纬度?

如何从地址或街道获取经度和纬度?

从Android中的地址获取经度和纬度

如何在开放层中获取经度和纬度

如何从PHP中的kml文件获取经度和纬度

如何从数组中只获取经度和纬度

获取经度和纬度

GeoCoder使用地址获取经度和纬度

PHP-从地址获取经度和纬度

我想从特定地址分别获取经度和纬度

使用iOS中的Geocoder类根据地址获取经度和纬度

如何从具有纬度和经度的mysql地址表中获取纬度和经度的距离

如何从图片中获取经度和纬度信息

如何从Google地方地图中获取经度和纬度?

如何从谷歌 API 获取经度和纬度

从QML中的坐标获取经度和纬度

从GeoTIFF文件中获取经度和纬度

在cartopy(python)中获取经度和纬度的鼠标位置

从Google地方信息结果中获取经度和纬度

从数据框中的列获取经度和纬度

如何从Google Map中的经度和纬度获取地址位置?

我如何从udp数据包中获取经度和纬度值C#

如何从kataklisma / android-google-places库中获取经度和纬度值

检测到当前位置后如何在mapbox中获取经度和纬度?

如何从角度4打字稿中的字符串获取经度和纬度?

如何从数组结构中获取经度和纬度并创建标记?

从lastKnownLocation()获取经度和纬度?

使用Gps获取经度和纬度

如何在flutter中创建具有自动完成功能的简单Google地图地址搜索并获取经度和纬度?