OpenLayers Genera 4 polígonos independientes al hacer clic
Frecuentes
Visto 403 veces
0
Hola, soy un novato en openlayers, tomé el siguiente código de los ejemplos proporcionados por openlayers, estoy tratando de crear 4 polígonos con un solo clic y luego arrastrar y soltar cada uno en una nueva posición, ¿es esto posible?
Gracias de antemano por cualquier ayuda.
Código:
<script type="text/javascript">
var map, vectors, controls;
function init(){
map = new OpenLayers.Map('map');
var options = {numZoomLevels: 3};
var graphic = new OpenLayers.Layer.Image(
'some title',
'image.png',
new OpenLayers.Bounds(-180, -88.759, 180, 88.759),
new OpenLayers.Size(800, 200),
options
);
graphic.events.on({
loadstart: function() {
OpenLayers.Console.log("loadstart");
},
loadend: function() {
OpenLayers.Console.log("loadend");
}
});
var jpl_wms = new OpenLayers.Layer.WMS( "title",
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
{layers: "landsat7"}, options);
vectors = new OpenLayers.Layer.Vector("Vector Layer");
map.addLayers([graphic, vectors]);
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.addControl(new OpenLayers.Control.MousePosition());
controls = {
point: new OpenLayers.Control.DrawFeature(vectors,
OpenLayers.Handler.Point),
shape:
//*************This is what i'm trying to do***************************************************
for (i=0; i<5; i++)
{
new OpenLayers.Control.DrawFeature(vectors,
OpenLayers.Handler.RegularPolygon,
{handlerOptions: {radius: 5, sides: 4, snapAngle: 45 }}),
}
drag: new OpenLayers.Control.DragFeature(vectors)
};
for(var key in controls) {
map.addControl(controls[key]);
}
map.setCenter(new OpenLayers.LonLat(0, 0), 3);
document.getElementById('noneToggle').checked = true;
}
function toggleControl(element) {
for(key in controls) {
var control = controls[key];
if(element.value == key && element.checked) {
control.activate();
} else {
control.deactivate();
}
}
}
</script>
1 Respuestas
0
Debes crear un anillo lineal aleatorio (no sé si quieres que tus polígonos sean aleatorios o no). Un anillo lineal es un objeto con todos los puntos que necesita un polígono.
var polygonFeatures = new Array();
for (i = 0; i < 4; i++) {
var site_points = new Array();
// Whatever points you want to us in site points
// A point is an OpenLayers.Geometry.Point
var linear_ring = new OpenLayers.Geometry.LinearRing(site_points);
// Create a feature for the polygon(s) to be in
polygonFeatures[i] = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([linear_ring]);
}
// Add the features to the vector layer
vectors.addFeatures([polygonFeatures]);
Así es como debes agregar un polígono al mapa, no debes definirlos en los controles. La función de arrastre ya es correcta, solo asegúrese de averiguar algo para site_points.
Respondido el 20 de junio de 12 a las 15:06
No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas openlayers or haz tu propia pregunta.