Question

我正在尝试对用户在文本字段中给出的地址进行地理编码，但是我的JavaScript函数不会从“geocoder.geocode（{'address'：address ......”）行开始执行。< / p>

我被困在这里不确定为什么它不起作用。它会抛出第一个警告框，显示地址字段被拉到客户端脚本但在此之后不起作用。它只是没有任何行动。请让我知道我需要纠正的地方。这是客户端代码。

var map;
var geocoder;
function initialize()
{
    geocoder = new google.maps.Geocoder();  
}
function getgeocode() {  
    var address = document.advpollsrch.txtaddress.value;
    alert(address);
    geocoder.geocode( {'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            alert("Geocode was successful");
            var latlng = results[0].geometry.location;
            document.advpollsrch.hidlatitude.value = latlng.lat();
            document.advpollsrch.hidlongitude.value = latlng.lng();
            alert("Geocode split was successful");
            return true;
        } else {
            alert("Geocode was not successful for the following reason: " + status);
            return false;
        }
    });
}  
<body onload="initialize()">
    <form  name="advpollsrch"> <!-- onsubmit="return getgeocode()" -->
        <input type="hidden" name="hidlatitude" id="hidlatitude"></input>
        <input type="hidden" name="hidlongitude" id="hidlongitude"></input>

        <p style="font-weight:bold; float:left; margin-left:0px;">STEP 1 - </p>
        <div style="border: 1px dotted #000000;width: auto; height: auto; padding: 0px 8px 0px 8px; margin:0px 8px 0px 12px; float:left;">
            <table border="0" cellpadding="0" cellspacing="10">
                <tr>
                    <td>
                        <label for="staddress">Street Address</label><br />
                        <input type="text" width="300" name="txtaddress" id="txtaddress" value=""></input>
                    </td>
                    <td>
                        <label for="city">City</label><br />
                        <input type="text" width="150" name="txtcity" id="txtcity" value=""></input>
                    </td>
                </tr>
            </table>
        </div>
        <h3 style="padding: 0px 8px 0px 8px;float:left;">Or</h3>
        <div style="border: 1px dotted #000000; width: auto; height: auto;padding: 5px 8px 5px 8px; margin: 0px 8px 0px 12px; float:left;">
            <table border="0" cellspacing="5" cellpadding="0">
                <tr>
                    <td>
                        <label for="staddress">Town / RM/ Village / First Nation</label><br />
                        <input type="text" width="300" name="txtplace" id="txtplace" value=""></input>
                    </td>
                </tr>
            </table>    
        </div>
        <br /><br /><br /><br />
        <p style="font-weight:bold; float:left; margin-left:0px;">STEP 2 - </p> 
        <div style="border: 1px dotted #000000; width: auto; height: auto;padding: 0px 8px 2px 8px; margin: 0px 8px 0px 12px; float:left;"> 
            <table border="0" cellspacing="5" cellpadding="0">
                <tr>
                    <td>    
                        <label for="radius">Select the distance</label><br />
                        <select id="radius" name="radius">
                            <option value="0">Choose Distance:</option>
                            <option value="2">2 kilometers</option>
                            <option value="4">4 kilometers</option>
                            <option value="6">6 kilometers</option>
                            <option value="8">8 kilometers</option>
                        </select>
                    </td>
                </tr>
            </table>
        </div>  
        <br /><br /><br />
        <p style="font-weight:bold; float:left;">STEP 3 - </p>
        <div style="padding: 15px 8px 2px 0px; margin: 0px 8px 0px 12px; float:left;">
            <input type="button" value="Find Advance Poll locations" onclick="getgeocode()"></input>    
        </div>
    </form>  <br />

    <div style="margin-top:50px; margin-left:-3px;">
        <iframe id="gmaps" name="gmaps" src="showpoints_jq.html" frameborder="no" scrolling="no" width="780px" height="520px"></iframe>
    </div>
</body>

谷歌地理编码器问题

0 个答案: