2017-03-15 104 views
-1

我的HTML代碼對視圖應用變量在模板

var marker; 

function initMap() { 

    map = new google.maps.Map(document.getElementById("mymap"), myOptions); 
    getMapMetadata([]); 

    // setInterval(function(){ getMapMetadata([]); }, 3000); 
} 


function createMarker(latlng, label, html) { 

    // alert("createMarker("+latlng+","+label+","+html+","+color+")"); 
    var contentString = '<b>' + label + '</b><br>' + html; 
    var image; 
    image = 'static/img/30.png'; 
    var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     icon: image, 
     title: label, 
     zIndex: Math.round(latlng.lat() * -100000) << 5 
    }); 
    marker.myname = label; 
    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.setContent(contentString); 
     infowindow.open(map, marker); 
    }); 
    return marker; 
} 

function getMapMetadata(ids) { 

    $.get("{% url 'app01:cate' %}", { ids: [] }, function(data, status) { 
       console.log("Data: " + JSON.stringify(data) + "\nStatus: " + status); 
       var metadata; 
       var i; 
       //for(var i=0; i<data.length; i++) 
       metadata = JSON.parse(JSON.stringify(data)); 
       for (i = 0; i < metadata.length; i++) { 
        console.log("item: " + metadata[i].x); 
        marker = createMarker(new google.maps.LatL ng(metadata[i].x, metadata[i].y), metadata[i].id + "", JSON.stringify(metadata[i])); 

的一部分的觀點

uavs = [Map.objects.get(pk=str(i)) for i in range(1, NUAVs+1)] 

我想添加這個變量,它包含了2個點值的變化的一部分,到我模板中的標記

回答

0

views的其餘部分看起來像什麼?

閱讀文檔上做的意見,here有的examples

你會從視圖模板傳遞uavs變量,它{無人機%%用於U】使用"{{uavs}}"

+0

訪問 X = {{ux}} y = {{uy}} marker = createMarker(new google.maps.LatLng(metadata [i] .x,metadata [i] .y),metadata [i] .id +「」, JSON.stringify(元數據[1])); {%endfor%} 但它不起作用 –