ansaurus

Question

Answer 1

A:

It seems that your obj variable is undefined. Did you mean:

out += i + ": " + json[i] + "\n";

TuomasR 2010-10-17 18:27:52

Doh! Good call. I fixed this in my original post, but the second alert still does not have any content.

nhavens 2010-10-17 20:11:43

Try adding an alert inside the for-loop. Then break after the first one, otherwise you'll be dismissing the dialogs for the next few hours...

TuomasR 2010-10-17 20:29:46

I tried moving alert(out) inside the for loop, but then I stopped getting a second alert.

nhavens 2010-10-18 19:38:53

Answer 2

+1 A:

The problem was related to same origin policy. This post was very helpful. I have modified my code to use the Client-side Google Maps Geocoding API. Here is the working code:

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
    <script type="text/javascript">
        var geocoder;
        $(document).ready(function() {
            geocoder = new google.maps.Geocoder();
        });
        function codeAddress() {
            var address=$('#address').val();
            geocoder.geocode( { 'address': address}, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    $('#location').html('<p><b>Location:</b>' + results[0].geometry.location + '</p>');
                } else {
                    alert("Geocode was not successful for the following reason: " + status);
                }
            });
        }
    </script>
</head>
<body>
    <div>
        <input id="address" type="textbox" value="Chicago,IL"/>
        <input type="button" value="Geocode" onclick="codeAddress()" />
    </div>
    <div id="location">
    </div>
</body>
</html>

nhavens 2010-10-18 22:16:36

ansaurus

tags:

views:

answers:

jQuery Google Maps question

related questions