【问题标题】:Recording marker data on change (Google maps API)记录变化的标记数据(谷歌地图 API)
【发布时间】:2017-06-03 03:38:17
【问题描述】:

我刚刚开始使用 Google Maps API,它用于我网站上的一项服务;基本上,当用户添加帖子时,他们可以选择使用谷歌地图 API 设置位置,我创建了谷歌地图 API 密钥并将其连接,我还添加了可拖动标记和位置搜索框。所以目前功能齐全。

我唯一想不通的是如何用javascript将经度和纬度记录到两个隐藏的输入中:

<input type="hidden" id="mk-longitude" value="//marker longitude value" />
<input type="hidden" id="mk-latitude" value="//marker latitude value" />

因此,它应该使用 Javascript 记录这两个输入中更改的标记经度和纬度,然后在提交时将它们提交到数据库。

【问题讨论】:

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


    【解决方案1】:

    此代码用于从用户那里获取更新的纬度/经度。

    google.maps.event.addListener(marker, 'drag', function(event){
           document.getElementById("mk-latitude").value = event.latLng.lat();
           document.getElementById("mk-longitude").value = event.latLng.lng();
    });
    

    Side: marker 是您的自定义可拖动标记。

    【讨论】:

    • 标记不是我定制的,它是谷歌地图标记,您可以在属性中添加然后切换draggable: true
    • 嘿,我现在已经开始工作了,我一直有一个错误的变量定义器。虽然现在它工作得很好 facepalm
    • @BeginnerP:很高兴我能帮上忙!
    • 嘿@Div,很抱歉,我就是这么做的! :)
    猜你喜欢
    • 1970-01-01
    • 2011-11-15
    • 2015-06-02
    • 2013-06-10
    • 1970-01-01
    • 1970-01-01
    • 2015-05-09
    • 2020-10-12
    • 2017-12-11
    相关资源
    最近更新 更多