Question

我会尝试从这篇文章中重新考虑我的question。

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

这是地图的代码

/* 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);

我需要显示一些有关建筑物的数据（街道地址，建筑物图片，更多信息等，当您在谷歌地图上进行交互时可以看到的东西，当您点击地图并触发时关闭该画面菜单，关于那个地方的一些信息），所以当您进行交互并点击标记模板时，将会渲染并在其上显示该对象的所有数据，我需要能够显示不同的数据用于不同的标记建筑。

问题：

您可以看到通过markers显示我的openlayer3 source.Vector，我如何将此array个对象从此django-view传递到django-template然后javascript代码，这怎么可能？

我想避免django-orm并从js --> django-view --> django-template执行此操作。

我的目标是在您点击marker时呈现模板，这样您就可以看到有关该建筑的一些数据，而且我想随时更改此模板。

我想了解我该怎么做，有人可以帮忙，谢谢。

将对象数组传递给模板

0 个答案: