2

緯度と経度から都市名を見つけるのに苦労しています。

flickr の json コールバックから緯度と経度を解析しています。現在、緯度と経度を逆ジオコーディングして、写真がロサンゼルスにあるかどうかを判断しようとしています。ロサンゼルスにある写真とロサンゼルスにない写真の数を数えようとしています。

コードをブラウザーにロードしても、何も起こりません。firebug からエラーが発生していません。別のhtmlファイルで緯度と経度のjson解析をテストしたので、その部分が機能していることがわかります。各写真の緯度と経度を表示できました。私が苦労しているのは、逆ジオコーディングです。

助けてくれてありがとう！:)

<!DOCTYPE html>
<html>
<head>
<title>Flickr Pie Chart</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<meta charset="utf-8">
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3eu10Q0JajjUWTEQd_ENYDT64u3ZM7KA&sensor=false">
</script>
<script type="text/javascript">
var latitude;
var longitude;
var geocoder;
var city;
var cityName = "Los Angeles";
var inLosAngeles;
var notLosAngeles;
var map;
var infowindow = new google.maps.InfoWindow();
var marker;
var latlng;
var inside = 0;
var outside = 0;
$(document).ready(function() {
    function extractFromAdress(components, type) {
        for (var i = 0; i < components.length; i++)
        for (var j = 0; j < components[i].types.length; j++)
        if (components[i].types[j] == type) return components[i].long_name;
        return "";
    }
    var url = 'http://api.flickr.com/services/rest/?&method=flickr.photos.search&api_key=14bfe578621f2dfe5c58086de5c79ab9&tags=losangeles&has_geo=1&extras=geo,tags&format=json&nojsoncallback=1';
    $.getJSON(url, function(data) {
        //loop through the results with the following function
        $.each(data.photos.photo, function(i, item) {
            latitude = item.latitude;
            longitude = item.longitude;
            geocoder = new google.maps.Geocoder();
            latlng = new google.maps.LatLng(latitude, longitude);

            function codeLatLng() {
                var input = document.getElementById('latlng').value;
                var latlngStr = input.split(',', 2);
                var lat = parseFloat(latlngStr[0]);
                var lng = parseFloat(latlngStr[1]);
                var latlng = new google.maps.LatLng(lat, lng);
                geocoder.geocode({
                    'latLng': latlng
                }, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                    if(results[0]){

                        var town = extractFromAdress(results[0].address_components, "locality");
                        if (town == cityName) {
                            inside += 1;
                        } else {
                            outside += 1;
                        }
                    }
                    }
                });
            }
        });
        inLosAngeles = inside;
        notLosAngeles = outside;
        $('#results').append('inLosAngeles' + inLosAngeles + '' + 'notLosAngeles' + notLosAngeles);
    });
});
</script>
</head>

<body>

<div id = "results"></div>
</body>

</html>
4

2 に答える 2

1 
<!DOCTYPE html>
<html>
<head>
<title>Flickr Pie Chart</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<meta charset="utf-8">
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3eu10Q0JajjUWTEQd_ENYDT64u3ZM7KA&sensor=false">
</script>
<script type="text/javascript">
var latitude;
var longitude;
var geocoder;
var city;
var cityName = "Los Angeles";
var inLosAngeles;
var notLosAngeles;
var map;
var infowindow = new google.maps.InfoWindow();
var marker;
var latlng;
var inside = 0;
var outside = 0;
$(document).ready(function() {
    function extractFromAdress(components, type,type1) {
        for (var i = 0; i < components.length; i++)
        for (var j = 0; j < components[i].types.length; j++)
        if ((components[i].types[j] == type) || (components[i].types[j] == type1)) return components[i].long_name;
        return "";
    }
    var url = 'http://api.flickr.com/services/rest/?&method=flickr.photos.search&api_key=14bfe578621f2dfe5c58086de5c79ab9&tags=losangeles&has_geo=1&extras=geo,tags&format=json&nojsoncallback=1';
    $.getJSON(url, function(data) {
        //loop through the results with the following function
        $.each(data.photos.photo, function(i, item) {
            latitude = item.latitude;
            longitude = item.longitude;
            geocoder = new google.maps.Geocoder();
            latlng = new google.maps.LatLng(latitude, longitude);

            function codeLatLng() {
                var input = document.getElementById('latlng').value;
                var latlngStr = input.split(',', 2);
                var lat = parseFloat(latlngStr[0]);
                var lng = parseFloat(latlngStr[1]);
                var latlng = new google.maps.LatLng(lat, lng);
                geocoder.geocode({
                    'latLng': latlng
                }, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                    if(results[0]){

                        var town = extractFromAdress(results[0].address_components, "locality","administrative_area_level_2");
                        if (town == cityName) {
                            inside += 1;
                        } else {
                            outside += 1;
                        }
                    }
                    }
                });
            }
        });
        inLosAngeles = inside;
        notLosAngeles = outside;
        $('#results').append('inLosAngeles' + inLosAngeles + '' + 'notLosAngeles' + notLosAngeles);
    });
});
</script>
</head>

<body>

<div id = "results"></div>
</body>

</html>
于 2016-11-11T12:54:43.407 に答える
0 
    <!DOCTYPE html>
<html>
<head>
<title>Flickr Pie Chart</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<meta charset="utf-8">
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3eu10Q0JajjUWTEQd_ENYDT64u3ZM7KA&sensor=false">
</script>
<script type="text/javascript">
var latitude;
var longitude;
var geocoder;
var city;
var cityName = "Los Angeles";
var inLosAngeles;
var notLosAngeles;
var map;
var infowindow = new google.maps.InfoWindow();
var marker;
var latlng;
$(document).ready(function() {
    function extractFromAdress(components, type) {
        for (var i = 0; i < components.length; i++)
        for (var j = 0; j < components[i].types.length; j++)
        if (components[i].types[j] == type) return components[i].long_name;
        return "";
    }
    var url = 'http://api.flickr.com/services/rest/?&method=flickr.photos.search&api_key=14bfe578621f2dfe5c58086de5c79ab9&tags=losangeles&has_geo=1&extras=geo,tags&format=json&nojsoncallback=1';
    $.getJSON(url, function(data) {
        //loop through the results with the following function
        $.each(data.photos.photo, function(i, item) {
            latitude = item.latitude;
            longitude = item.longitude;
            geocoder = new google.maps.Geocoder();
            latlng = new google.maps.LatLng(latitude, longitude);

            geocoder.geocode({
                'latLng': latlng
            }, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    if(results[0]){
                        var town = extractFromAdress(results[0].address_components, "locality");
                        if (town == cityName) {
                            $('#results').append(item.title + ' <strong>IS</strong> in Los Angeles</br>');
                        } else {
                            $('#results').append(item.title + ' <strong>ISN\'T</strong> in Los Angeles</br>');
                        }
                    }
                } else {
                    $('#results').append('Error: <strong>' + status + '</strong>, photo: "' + item.title + '"</br>');
                }
            });
        });
    });
});
</script>
</head>

<body>

<div id = "results"></div>
</body>

</html>
于 2013-10-03T08:20:58.293 に答える