У меня работает geodjango с помощью openlayers и OpenStreetMaps с приложением администратора.
Теперь я хочу написать некоторые представления для отображения данных. В принципе, я просто хочу добавить список точек (см. Админ) на карту.
Geodjango, похоже, использует специальный файл openlayers.js, чтобы сделать это волшебство в админе. Есть ли хороший способ взаимодействовать с этим?
Как я могу написать view/template для отображения данных geodjango в окне открытой уличной карты, как видно из admin?
В настоящий момент я врываюсь в файл openlayers.js и api ищет "легкое" решение. (У меня нет опыта js, поэтому это занимает некоторое время.)
Текущий способ, который я вижу для этого, - добавить в шаблон как шаблон и использовать django для добавления кода, необходимого для отображения точек. (На примере здесь)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Draw Feature Example</title>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map');
var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
map.addLayer(layer);
/*
* Layer style
*/
// we want opaque external graphics and non-opaque internal graphics
var layer_style = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
layer_style.fillOpacity = 0.2;
layer_style.graphicOpacity = 1;
/*
* Blue style
*/
var style_blue = OpenLayers.Util.extend({}, layer_style);
style_blue.strokeColor = "blue";
style_blue.fillColor = "blue";
style_blue.graphicName = "star";
style_blue.pointRadius = 10;
style_blue.strokeWidth = 3;
style_blue.rotation = 45;
style_blue.strokeLinecap = "butt";
var vectorLayer = new OpenLayers.Layer.Vector("Simple Geometry", {style: layer_style});
// create a point feature
var point = new OpenLayers.Geometry.Point(-111.04, 45.68);
var pointFeature = new OpenLayers.Feature.Vector(point,null,style_blue);
// Add additional points/features here via django
map.addLayer(vectorLayer);
map.setCenter(new OpenLayers.LonLat(point.x, point.y), 5);
vectorLayer.addFeatures([pointFeature]);
}
</script>
</head>
<body onload="init()">
<div id="map" class="smallmap"></div>
</body>
</html>
Как это делается, или есть лучший способ?
