Question

<body onload="initialize()">
    <form id="form1" runat="server">
    <div id="map_canvas" style = "width:320px; height:480px">
    </div>
    <div>
        <asp:TextBox ID="address" runat="server"></asp:TextBox>
        <asp:Button Text="find" runat="server" OnClientClick="codeAddress()" />
    </div>
    </form>
</body>

这是我的 j。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        var geocoder;
        var map;
        function initialize() {
            geocoder = new google.maps.Geocoder();
            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        }
        function codeAddress() {
            var address = document.getElementById("<%= address.ClientID %>").value;
            geocoder.geocode({  address : address }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    map.setCenter(results[0].geometry.location);
                    var marker = new google.maps.Marker({
                        map: map,
                        position: results[0].geometry.location
                    });
                } else {
                    alert("Geocode was not successful for the following reason: " + status);
                }
            });
        }
    </script>

the codeAddress() function is not working at all ! what s the problem?

Answer 1

Try...

document.getElementById("<%= address.ClientID %>")

改为:

document.getElementById("address").value;

友情链接