javascript - angularJS 使用 Angular 谷歌地图查找位置/地名

标签 javascript angularjs html google-maps geolocation

我想找到用户在 map 上选择的位置名称。 目前我正在获取纬度和经度。 但无法获取位置名称。

我正在使用 angularJSangular-google-maps 2.1.5。

这是 html。

<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options" events="map.events">

</ui-gmap-google-map>

JS:

$scope.map = {
      center: {
        latitude: 21.0000,
        longitude: 78.0000
      },
      zoom: 4,
      events: {
        click: function(mapModel, eventName, originalEventArgs,ok) {
          var e = originalEventArgs[0]; 

            objOneDevice.dev_latitude = e.latLng.lat();
            objOneDevice.dev_longitude = e.latLng.lng();

            $scope.templatedInfoWindow.show = true;

        }
      }
    };
    $scope.options = {
      scrollwheel: true
    };

不胜感激。

最佳答案

这是我使用 Reverse geocoding 所做的.

$scope.map = {
      center: {
        latitude: 21.0000,
        longitude: 78.0000
      },
      zoom: 4,
      events: {
        click: function(mapModel, eventName, originalEventArgs,ok) {
          var e = originalEventArgs[0]; 

            var geocoder = new google.maps.Geocoder();
            var latlng = new google.maps.LatLng(e.latLng.lat(), e.latLng.lng());

            geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        if (results[1]) {

                            console.log(results[1].formatted_address); // details address
                        } else {
                            console.log('Location not found');
                        }
                    } else {
                        console.log('Geocoder failed due to: ' + status);
                    }
                });


        }
      }
    };

关于javascript - angularJS 使用 Angular 谷歌地图查找位置/地名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31870479/

相关文章:

Javascript/jQuery 如何将负载旋转器附加到语法荧光笔插件

javascript - 在 Cassandra 和 Node.js 中使用用户定义的类型

javascript - 三个js dat-gui : Change opacity and visibility of object coming from OBJMTL Loader

javascript - 代码可以正常工作,但不能在网页上工作

javascript - angularjs工厂内部函数不依赖于工厂吗?

javascript - 在angular js,Html中隐藏表格内容

jquery - 切换一个 div 会导致另一个 div 意外移动

javascript - 从 Angular2 访问 HTML5 本地存储

AngularJS重新初始化 Controller

javascript - 悬停时下拉菜单闪烁