Dibujar los diferentes tipos de geometría.
- Dibuja una geometría multilínea
- Crear una fuente vectorial
- Inicie el objeto del mapa y agregue la capa vectorial al mapa y la fuente como vectorSource
- Transforme la proyección del sistema de proyección de origen al sistema de proyecto de destino.
- pasar puntos al constructor ol.geom.MultiLineString([])
- Crea una característica y agrega geometría como una cosa
- Finalmente añádelo a la fuente
En esta página
- Dibuja una geometría multilínea
- Crear una fuente vectorial
- Inicie el objeto del mapa y agregue la capa vectorial al mapa y la fuente como vectorSource
- Transforme la proyección del sistema de proyección de origen al sistema de proyecto de destino.
- pasar puntos al constructor ol.geom.MultiLineString([])
- Crea una característica y agrega geometría como una cosa
- Finalmente añádelo a la fuente
Dibuja una geometría multilínea
Crear una fuente vectorial
var vectorSource = new ol.source.Vector({});
Inicie el objeto del mapa y agregue la capa vectorial al mapa y la fuente como vectorSource
var map = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
}),
new ol.layer.Vector({
source: vectorSource
})
],
target: 'map',
view: new ol.View({
center: [45, 5],
zoom:5
})
});
Transforme la proyección del sistema de proyección de origen al sistema de proyecto de destino.
var points=[];
for (i = 0; i < 10; i++) {
var xx = Math.random() * (xmax - xmin) + xmin;
var yy = Math.random() * (ymax - ymin) + ymin;
points.push(ol.proj.transform([xx,yy],'EPSG:4326', 'EPSG:3857'));
}
pasar puntos al constructor ol.geom.MultiLineString([])
var thing = new ol.geom.MultiLineString([points1]);
Crea una característica y agrega geometría como una cosa
var featurething = new ol.Feature({
name: "Thing",
geometry: thing,
style : new ol.style.Style({
stroke : new ol.style.Stroke({
color : 'red'
})
})
});
Finalmente añádelo a la fuente
vectorSource.addFeature( featurething );
Nota: Es muy importante colocar sistemas de proyección de origen y destino adecuados.