Google使用目标文本框映射api

时间:2012-04-22 04:53:34

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

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

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

它工作得很好。但是,我正在为我遇到的问题提供一些帮助。目前,单击按钮后,文本框将出现在起点和终点。我希望在页面加载时显示这些文本框,然后只需按下按钮,就会显示路径。

我能帮忙吗?或者,有一个更好的例子,我可以在网上的某个地方看一下吗?

感谢

1 个答案:

答案 0 :(得分:0)

您可以调整当前示例以这种方式工作。首先,您需要更多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中删除按钮一样简单。

随意提出任何问题。我希望有所帮助!