Javascript 如何使用GoogleMaps将位置精确定位为html表单输入?

Javascript 如何使用GoogleMaps将位置精确定位为html表单输入?,javascript,jquery,html,google-maps,forms,http-post,Javascript,Jquery,Html,Google Maps,Forms,Http Post,是否可以将google maps api集成到html表单中,用户可以选择坐标形式的特定pin点位置,并将其与表单一起提交 我正在使用asp.net和Razor视图,但我怀疑这是否会影响这个问题的答案 我已经看过了,似乎找不到使用maps api作为表单输入的方法。除非可能是盲的。添加一个并将lat/lng值存储在dragend()的隐藏输入中 添加a并将lat/lng值存储在dragend()的隐藏输入中 您可以创建一个eventlistener,首先初始化标记 marker = new

是否可以将google maps api集成到html表单中,用户可以选择坐标形式的特定pin点位置,并将其与表单一起提交

我正在使用asp.net和Razor视图,但我怀疑这是否会影响这个问题的答案

我已经看过了,似乎找不到使用maps api作为表单输入的方法。除非可能是盲的。

添加一个并将lat/lng值存储在
dragend
()的隐藏输入中

添加a并将lat/lng值存储在
dragend
()的隐藏输入中


您可以创建一个eventlistener,首先初始化标记

   marker = new google.maps.Marker({
      map: map,
      draggable: true,
      animation: google.maps.Animation.DROP,
      //position: new google.maps.LatLng(yourLat, yourLng),

  });

   google.maps.event.addListener(marker, 'dragend', function (event) {
        $("#yourinputlat").val(this.getPosition().lat().toFixed(6));
        $("#yourinputlng").val(this.getPosition().lng().toFixed(6));
    });

我一直在使用它从谷歌地图中获取带有纬度和经度的位置,然后将其插入到一个输入中,与POST一起发送。您可以创建一个eventlistener,首先初始化标记

   marker = new google.maps.Marker({
      map: map,
      draggable: true,
      animation: google.maps.Animation.DROP,
      //position: new google.maps.LatLng(yourLat, yourLng),

  });

   google.maps.event.addListener(marker, 'dragend', function (event) {
        $("#yourinputlat").val(this.getPosition().lat().toFixed(6));
        $("#yourinputlng").val(this.getPosition().lng().toFixed(6));
    });

我一直在用它从谷歌地图上获取纬度和经度的位置,然后将其插入一个输入中,与帖子一起发送

否决投票的原因?否决投票的原因?很抱歉,这两个答案非常相似。然而,德里克是第一个。但是我非常感谢你的回答,我已经投票支持你了。没问题,希望两个答案都能帮助你解决问题。两个答案都非常相似。然而,德里克是第一个。但我非常感谢你的回答,我投票支持你。没问题,希望两个答案都能帮助你解决问题