0

3日間の問題の解決に近づいています。Djangoモデルに長く保存されている緯度を使用してGoogleマップにマーカーを配置しようとしています。私はこれまでAJAXを使用したことがありませんが、これを実現するために使用しようとしています。Firebugを使用すると、JavaScriptでforループエラーが発生したと表示されますが、それが何であるかはわかります(JavaScriptの新機能)。ソースはlat、longsを表示していますが、フォーマットは完璧です(コンマで終わります)。

誰かがエラーを見つけた場合のコードは以下のとおりです。インサイトは非常に高く評価されています:

<script>
function mainGeo()
    {
         if (navigator.geolocation) 
            {
              navigator.geolocation.getCurrentPosition( mainMap, error, {maximumAge: 30000, timeout: 10000, enableHighAccuracy: true} );
        }
        else
        {
              alert("Sorry, but it looks like your browser does not support geolocation.");
        }
    }




var map;



 function mainMap(position)
 {
       // Define the coordinates as a Google Maps LatLng Object
       var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

       // Prepare the map options
       var mapOptions =
      {
                  zoom: 15,
                  center: coords,
                  mapTypeControl: false,
                  navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
                  mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        // Create the map, and place it in the map_canvas div
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

        // Place the initial marker
        var marker = new google.maps.Marker({
                  position: coords,
                  map: map,
                  title: "Your current location!"
        });
    }


function error() {
        alert("You have refused to display your location. You will not be able to submit stories.");
        }

mainGeo();

var stories = [{% for story in stories %}
            {latitude:{{story.latitude}},longitude:{{story.longitude}}}, {% endfor %}];


loadMarkers(stories);

 function loadMarkers(stories)
    for (var s in stories) {
        var story = story[s];
        var point = new google.maps.LatLng(story.latitude, story.longitude);
        var marker = new google.maps.Marker({position: point, map: map});
    }



 </script>
4

1 に答える 1

0

たぶん、この行var story = story[s];var story = stories[s];.

于 2012-06-02T00:20:23.623 に答える