问题 如何使用Google Maps geocoder.getLatLng（）并将其结果存储在数据库中？


大家好！我试图使用getLatLng（）来对邮政/邮政编码列表进行地理编码，并将生成的点存储在数据库中以便稍后放置在地图上。这是我到目前为止所得到的：

 $(".geocodethis").click(function () {
    var geocoder = new GClientGeocoder();
    var postalCode = $(this).siblings(".postal").val();
    var id = $(this).siblings(".id").val();

    geocoder.getLatLng(postalCode, function (point) {
        if (!point) {
            alert(postalCode + " not found");
        } else {
            alert(point);
            var serializedPoint = $.param(point);                
            //Geocode(id, point);
        }
    });

});

function Geocode(id, point) {
    alert(point);
    $.post("/Demographic/Geocode/" + id, point, function () {
        alert("success?");
    });
}

但我得到了 this.lat is not a function 在我的错误控制台中，当我尝试序列化点对象或使用它时 $.post()

根据我的研究，我明白了 geocoder.getLatLng() 是异步的，这将如何影响我正在尝试做的事情？我没有在循环中运行此代码，我正在尝试使用匿名回调函数发布该点。

如何保存信息 point 以后用吗？

更新

创建一个标记并试图发布它仍然会导致 this.lat is not a function  在错误控制台中。

$(".geocodethis").click(function () {
        var geocoder = new GClientGeocoder();
        var postalCode = $(this).siblings(".postal").val();
        var id = $(this).siblings(".id").val();

        geocoder.getLatLng(postalCode, function (point) {
            if (!point) {
                alert(postalCode + " not found");
            } else {
                alert(point);
                var marker = new GMarker(point);

                $.post("/Demographic/Geocode/" + id, marker, function () {
                    alert("success?");
                });
            }
        });

    });

**另一个更新**

我真的需要保存地理编码的地址以供日后使用，即使我将纬度/经度值存储在我的数据库中并在我准备将其放入地图时重新制作标记。再次，序列化或发布 - 似乎在谷歌地图功能以外的任何方式使用该点给出了 this.lat is not a function 我的错误日志中的异常。

我正在使用asp.net mvc - 是否有任何框架可以使这更容易？我真的需要帮助。谢谢。


4684
2018-04-25 19:57


起源
stackoverflow.com/questions/4556602/... - kjy112

答案:

如果你坚持2天可能是一个新的v3开始将是一件好事，这个剪辑为我做了类似的工作......

          function GetLocation(address) {
          var geocoder = new google.maps.Geocoder();
          geocoder.geocode({ 'address': address }, function (results, status) {
              if (status == google.maps.GeocoderStatus.OK) {
                  ParseLocation(results[0].geometry.location);

              }
              else
                alert('error: ' + status);

          });
      }

  }

  function ParseLocation(location) {

      var lat = location.lat().toString().substr(0, 12);
      var lng = location.lng().toString().substr(0, 12);

      //use $.get to save the lat lng in the database
      $.get('MatchLatLang.ashx?action=setlatlong&lat=' + lat + '&lng=' + lng,
            function (data) {
                // fill textboss (feedback purposes only) 
                //with the found and saved lat lng values
                $('#tbxlat').val(lat);
                $('#tbxlng').val(lng);
                $('#spnstatus').text(data);


            });
    }

11
2018-04-28 20:18


你使用$ .get（）而不是$ .post（）的任何原因 - Gallen
我正在使用链接v3谷歌地图 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  它是否正确？我仍然得到this.lat（）不是一个函数。 - Gallen
没关系，我已经用它了 - 谢谢！ - Gallen
“你使用$ .get（）而不是$ .post（）的任何理由”不是真的，只是因为它只有少量的数据...... - Arnoldiusss

你试过这个吗？

$(".geocodethis").click(function () {
    var geocoder = new GClientGeocoder();
    var postalCode = $(this).siblings(".postal").val();
    var id = $(this).siblings(".id").val();

    geocoder.getLatLng(postalCode, function (point) {
        if (!point) {
            alert(postalCode + " not found");
        } else {
            alert(point);
            var marker = new GMarker(point);
            map.addOverlay(marker);
            obj = {lat: marker.position.lat(),
                   lng: marker.position.lng()};
            $.post("/Demographic/Geocode/" + id, obj, function () {
                alert("success?");
            });
        }
    });

});

我很久没有使用V2，所以我不确定确切的语法，但重点是从你需要的信息（lat / lng）和序列化创建一个对象 那。

此外，如果合理的话，建议升级到V3。


2
2018-04-28 21:37



你需要在地图上设置一个标记，它需要一个纬度/经度。您可以根据需要保存该信息或立即显示。 （为演示目的而截断的代码）

map = new google.maps.Map(document.getElementById("Map"), myOptions);
geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) {      
        var marker = new google.maps.Marker({
            position: results[0].geometry.location
        });
        marker.setMap(map);
    }
}

更新（针对v2）

$(".geocodethis").click(function () {
    var geocoder = new GClientGeocoder();
    var postalCode = $(this).siblings(".postal").val();
    var id = $(this).siblings(".id").val();

    geocoder.getLatLng(postalCode, function (point) {
        if (!point) {
            alert(postalCode + " not found");
        } else {
            map.setCenter(point, 13);
            var marker = new GMarker(point);
            map.addOverlay(marker);
        }
    });

});

0
2018-04-25 20:09


我认为他正在使用基于GClientGeocoder的谷歌地图v2 api - kjy112
好的，所以结果对我来说是一个意义，它的阵列是什么？因此结果[0]为Y，结果[1]为X？因为它不允许我保存结果。或者我保存标记？ - Gallen
对不起，感谢@ kjy112，他注意到你正在使用v2。但是，对于v3而言 results[0] 这只是搜索和搜索的最佳结果 results[0].geometry.location 是最高结果的完整lat / lng。 - Dustin Laine
啊，好吧 - 那么......我该怎么办v2？ - Gallen
检查我的更新 - Dustin Laine

在V3中，在作为json post数据发送之前，必须首先将坐标序列化为字符串，如Arnoldiuss所示。

var lat = latlong.lat（）。toString（）。substr（0,12）;   var lng = latlong.lng（）。toString（）。substr（0,12）;


0
2017-10-10 16:20 



<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyDS1d1116agOa2pD9gpCuvRDgqMcCYcNa8&sensor=false"></script>
<script type="text/javascript">
function initialize() {

    var latitude = document.getElementById("latitude").value;
    latitude = latitude.split(",");

    var longitude = document.getElementById("longitude").value;
    longitude = longitude.split(",");

    var locName = document.getElementById("locName").value;
    locName = locName.split(",");

    var RoadPathCoordinates = new Array();
    RoadPathCoordinates.length = locName.length;

    var locations = new Array();
    locations.length = locName.length;

    var infowindow              = new google.maps.InfoWindow();
    var marker, i;
    var myLatLng                = new google.maps.LatLng(22.727622,75.895719);



    var mapOptions = {
        zoom            : 16,
        center          : myLatLng,
        mapTypeId       : google.maps.MapTypeId.ROADMAP
    };
    var map                     = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);


    //To Draw a line
    for (i = 0; i < RoadPathCoordinates.length; i++)
        RoadPathCoordinates[i] = new google.maps.LatLng(latitude[i],longitude[i]);
    var RoadPath = new google.maps.Polyline({
        path            : RoadPathCoordinates,
        strokeColor     : "#FF0000",
        strokeOpacity   : 1.0,
        strokeWeight    : 2
    });


    //Adding Marker to given points
    for (i = 0; i < locations.length; i++)
        locations[i] = [locName[i],latitude[i],longitude[i],i+1];
    for (i = 0; i < locations.length; i++) 
    {marker = new google.maps.Marker({
                position    : new google.maps.LatLng(locations[i][1], locations[i][2]),
                map         : map
                });



    //Adding click event to show Popup Menu
    var LocAddress ="";
    google.maps.event.addListener(marker, 'click', (function(marker, i) 
      { return function() 
        {
            GetAddresss(i);

            //infowindow.setContent(locations[i][0]);

            infowindow.setContent(LocAddress);
            infowindow.open(map, marker);
        }
      })(marker, i));}


 function GetAddresss(MarkerPos){
        var geocoder = null;
        var latlng;
        latlng = new google.maps.LatLng(latitude[MarkerPos],longitude[MarkerPos]);
        LocAddress = "91, BAIKUNTHDHAAM"; //Intializing just to test

        //geocoder = new GClientGeocoder(); //not working
        geocoder = new google.maps.Geocoder();

        geocoder.getLocations(latlng,function ()
        {
            alert(LocAddress);
            if (!response || response.Status.code != 200) {
                alert("Status Code:" + response.Status.code);
            } else 
            {
                place = response.Placemark[0];
                LocAddress = place.address;
            }

        });
 }

    //Setting up path
    RoadPath.setMap(map);   
}
</script>

</head>
<body onload="initialize()">
    <s:form action="mapCls" namespace="/">
        <s:hidden key="latitude" id="latitude"/>
        <s:hidden key="longitude" id="longitude"/>
        <s:hidden key="locName" id="locName"/>
        <div id="map_canvas" style="float:left;width:70%;height:100%"></div>
    </s:form>
</body>
</html>


I am doing reverse Geocoding, and want address of marker using lat and longitude. M facing problem with function "GetAddresss()", line "geocoder.getLocations(latlng,function ()" is not working properly. what should I Do?

-1
2017-08-10 10:14


这里有很多代码;它可以使用一些解释。 - Andrew Barber

热门问题

不使用eval / new函数的JavaScript模板库 当涉及内部类时，Java继承如何工作 .NET Windows服务的奇怪问题 在.ipa或.app下查找App ID 快速入门XSLT参考[关闭] 如何找出Android应用程序中未使用的资源 Ruby中并发的同步方法[重复] 将std :: chrono :: system_clock :: time_point转换为struct timeval并返回 Google Drive API V3（javascript）更新文件内容 Bootstrap 3.0 - 将元素推到底部 受密码保护的.NET ClickOnce部署？ 如何用postgresql安装wordpress coq Set或Type如何成为命题 硒滚动元素进入（中心）视图 在Spring Transaction JUnit测试中自动装配Hibernate会话的正确方法 Git的Dockerfile策略 如何在FOS_PICKFOLDER中使用IFileDialog，同时仍在对话框中显示文件名 在Firefox扩展中复制Google Chrome浏览器操作弹出效果 CakePHP找到MAX 芹菜 - 完成任务的召唤功能 从使用fmemopen创建的流中读取宽字符 .NET是否为每个程序集创建一个字符串实习池？ DefaultModelBinder不绑定嵌套模型 Navigator.MediaDevices.getUserMedia（）使用了哪些相机通信标准？ 选择命名空间名称时应该知道什么？ cout Swagger Codegen CLI Java客户端 - 如何正确使用它 一个很好的哈希函数用于采访整数，字符串？ Maven 3 ciManagement配置的目的是什么？ 如何通过语言文化获取代码页？
licensed under cc by-sa 3.0 with attribution.
隐私政策 往来