如何在拖动地图引脚上获取地址

时间:2016-11-26 09:14:51

标签: javascript jquery google-maps google-maps-api-3 geocomplete

如何通过拖动引脚来使用地图获取地址?

这是我使用地图的链接MAP-ADDRESS

问题是,当我拖动引脚时,latlong的时间是可更改的,但地址不是。

javascript代码:

$(function(){
        $("#geocomplete").geocomplete({
          map: ".map_canvas",
          details: "form",
          markerOptions: {
            draggable: true
          },
          types: ["geocode", "establishment"]
        });

       // I can get lat long from here, but how to get the address?
        $("#geocomplete").bind("geocode:dragged", function(event, latLng){
          $("input[name=lat]").val(latLng.lat());
          $("input[name=lng]").val(latLng.lng());
          $("input[name=formatted_address]").val('address value');         
          $("#reset").show();
        });
        $("#find").click(function(){
          $("#geocomplete").trigger("geocode");
        });
});

1 个答案:

答案 0 :(得分:2)

https://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&key=YOUR_API_KEY

    $.ajax({
                    type: 'post',
                    dataType: "jsonp",
                    crossdomain: true,
                    url: 'https://maps.googleapis.com/maps/api/geocode/json',
                    data: {
                        key: 'key',
                        latlng: lat + "," + lng
                    },
                    success: function (json) {
                      //show on page
                    },
                    async: false,
                    error: function ()
                    {
                       console.log()
                    }
                });