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

Google maps api with destination textboxes

本文关键字：谷歌地图 api 文本 目的地      更新时间：2023-09-26

这是我的代码的链接：http://www.canning.co.nz/Mapping/Code.txt

抱歉，它是文本格式，由于某种原因，我在将其粘贴到此论坛时遇到了一些麻烦。

它工作得很好。但是，我正在寻求一些帮助来解决我遇到的问题。目前，在我单击按钮后，文本框会出现开始和目的地。我想在页面加载时显示这些文本框，然后只需按下按钮，就会显示路线。

我可以得到一些帮助吗？或者有没有更好的例子，我可以在网上的某个地方看看？

谢谢

您可以调整当前示例以这种方式工作。首先，你还需要几个 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（）。

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

现在，如果您单击"获取路线"，页面的功能应该与以前相同，只是我们已经处理了前几个按钮单击，并且所有字段仍然可见。

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

随时提出任何问题。我希望这有所帮助！

相关文章：