Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/linux/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将对象数组传递给模板_Javascript_Jquery_Django_Django Templates_Django Views - Fatal编程技术网

Javascript 将对象数组传递给模板

Javascript 将对象数组传递给模板,javascript,jquery,django,django-templates,django-views,Javascript,Jquery,Django,Django Templates,Django Views,我将尝试从这篇文章中重新表述我的观点 我正在使用openlayers3在地图上显示随机建筑标记。您可以在这个示例中看到它 这是地图的代码 /* Create the map */ // setting up coordinates for map to display var city = ol.proj.transform([-73.920935,40.780229], 'EPSG:4326', 'EPSG:3857'); // setting up openlayer3 view var

我将尝试从这篇文章中重新表述我的观点

我正在使用
openlayers3
在地图上显示随机建筑标记。您可以在这个示例中看到它

这是地图的代码

/* Create the map */
// setting up coordinates for map to display
var city = ol.proj.transform([-73.920935,40.780229], 'EPSG:4326', 'EPSG:3857');


// setting up openlayer3 view
var view = new ol.View({
    center: city,
    zoom: 13
});


// Create the map
var map = new ol.Map({
  target: 'map',
  renderer: 'canvas',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  view: view
});


// Setup markers
var markers = new ol.layer.Vector({
  tittle: 'City Apratments',
  source: new ol.source.Vector({
    features: [
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([-73.927870, 40.763633])),
      }),
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([-73.917356, 40.763958])),
      }),
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([-73.915530, 40.779665])),
      }),
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([-73.916045, 40.779372])),
      }),
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([-73.919682, 40.777365])),
      }),
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([-73.908980, 40.776013])),
      }),
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([-73.917356, 40.763958])),
      })
    ]
  }),
  style: new ol.style.Style({
    image: new ol.style.Icon({
      anchor: [0.5, 46],
      anchorXUnits: 'fraction',
      anchorYUnits: 'pixel',
      opacity: 0.75,
      src: 'http://openlayers.org/en/v3.12.1/examples/data/icon.png',
    })
  })
});
map.addLayer(markers);
我需要显示一些关于建筑的数据(街道地址、建筑图片、更多信息等,就像你与谷歌地图互动时看到的那样,当你点击地图并触发画布菜单时,你会看到一些关于那个地方的信息),因此,当您交互并单击标记模板时,它将被双渲染,您将看到该对象的所有数据,我需要能够为不同的标记建筑显示不同的数据

问题:

你可以看到我的
标记
是通过
openlayer3 source.Vector
显示的,我如何将对象的
数组
传递到
django视图
然后从这个
javascript
代码中传递
django模板
,这怎么可能

我希望避免使用
django orm
,并从
js-->django视图-->django模板中执行此操作

我的目标是在单击
标记时渲染一个模板
,这样您就可以看到有关建筑的一些数据,而且我想随时更改此模板


我想知道我该怎么做,有人能帮忙吗,谢谢。

还是不太确定你的问题是什么。你到底在哪里遇到了麻烦?在将数据链接到我的标记时,如何将标记传递到django,以便我可以在模板中呈现它们。你可以使用Ajax,但我仍然不知道你遇到了什么困难。困难是我不知道如何设置它,我以前没有这样做过,我希望有人向我解释如何做到这一点,这样我就可以克服这一点,并从中学习如何为不同的标记显示不同的数据,并且仍然能够以我想要的方式更改模板,您提到了Ajax,您能向我解释一下如何做到吗?