Javascript 带有目标文本框的谷歌地图api_Javascript_Html_Google Maps Api 3

Javascript 带有目标文本框的谷歌地图api

javascript html google-maps-api-3

Javascript 带有目标文本框的谷歌地图api,javascript,html,google-maps-api-3,Javascript,Html,Google Maps Api 3,以下是我的代码链接：对不起，它是文本格式的，由于某种原因，我在粘贴到这个论坛时遇到了一些麻烦它工作得很好。然而，对于我遇到的一个问题，我需要一点帮助。目前，在我点击一个按钮后，开始和目标的文本框出现了。我想有这些文本框都显示时，页面加载，然后只要按下按钮，路线将显示我能帮点忙吗？还是有更好的例子，我可以在网上的某个地方看看谢谢您可以调整当前示例以这种方式工作。首先，您需要更多的JavaScript函数。您可以将它们放在directions（）函数下面 JavaScript: functi

以下是我的代码链接：

对不起，它是文本格式的，由于某种原因，我在粘贴到这个论坛时遇到了一些麻烦

它工作得很好。然而，对于我遇到的一个问题，我需要一点帮助。目前，在我点击一个按钮后，开始和目标的文本框出现了。我想有这些文本框都显示时，页面加载，然后只要按下按钮，路线将显示

我能帮点忙吗？还是有更好的例子，我可以在网上的某个地方看看

谢谢

您可以调整当前示例以这种方式工作。首先，您需要更多的JavaScript函数。您可以将它们放在directions（）函数下面

JavaScript:

function searchFunc(point) { 
    if (point) {
        if (state==1) {doEnd(point)}
        if (state==0) {doStart(point)}
    } else {
        var result=geo.getCache().get(search);
        if (result) {
            var reason="Code "+result.Status.code;
            if (reasons[result.Status.code]) {
                reason = reasons[result.Status.code]
            }
        } else {
          var reason = "";
        } 
        alert('Could not find "'+search+ '" ' + reason);
    }
}

function GLoad() {          
    var search = document.getElementById("search").value,
        search2 = document.getElementById("search2").value;
    addresses[0] = search;
    addresses[4] = search2;
    geo.getLatLng(search, searchFunc);
    geo.getLatLng(search2, searchFunc);        
}

接下来需要删除对handleState（）的三个调用。函数声明的正下方有一个调用。另外两个在doStart（）和doEnd（）中。您还可以删除函数本身。此函数用于显示/隐藏字段和按钮

最后，需要更新标记以调用GLoad（）

现在，如果单击“获取方向”，页面的功能应该与以前相同，只是我们已经注意到了前几次按钮单击，并且所有字段都保持可见

您可能还想删除“查找起始地址”和“查找目的地地址”的按钮，但我不确定。删除它们就像从HTML中删除按钮一样简单

请随时提问。我希望这有帮助

谢谢你，威尔。另一个问题：如果我在按下“获取方向”按钮一次后更改文本框中的值，则不会显示两个新值之间的新路径。我能帮点忙吗？谢谢。我相信在我复习之前，这个问题已经存在了。这是一个不同的问题，值得提出自己的问题。因为代码中有更多问题而不接受我的答案不会产生更多帮助。

<body onload="GLoad()" onunload="GUnload()">