estoy haciendo un mapa en openlayers 3 y me gustaria saber si existe alguna forma de adaptarlo para celulares ya que algunas funciones como la de arrastre no me funcionan (agrande las imágenes pensando que podia ser eso, pero realmente solo me estaría funcionando con el puntero del mouse) Desde ya muchas gracias.
No se si existe un evento touch y en donde se debe colocar (tal vez sea en la declaración del mapa o en la parte de modify). Les dejo las dos partes del código a ver si alguien me puede orientar.
mapa
map = new ol.Map({
// view: new ol.View(),
view: new ol.View({
projection: 'EPSG:4326',
center:[longitud, latitud],
// [0, 0], 'EPSG:4326', 'EPSG:3857'),
zoom: 13.5,
minZoom: 2,
maxZoom: 18
}),
layers: [
new ol.layer.Tile({
source: new ol.source.OSM({
wrapX: true,
})
// vectorLayer,
// vectorLayerVuelta,
})
],
target: document.getElementById('map'),
controls: ol.control.defaults({
zoom: true,
attributionOptions: {
collapsible: false
}
}),
/* view: new ol.View({
center: ol.proj.transform(
[longitud, latitud], 'EPSG:4326', 'EPSG:3857'),
zoom: 14,
minZoom: 12,
maxZoom: 18,
atribution: false
}),*/
});
modify origen y destino ///
var modifyOrigen = new ol.interaction.Modify({source: sourceOrigen});
//var coordenadas = feature.getBounds().getCenterLonLat();
map.addInteraction(modifyOrigen);
function addInteractions() {
drawOrigen = new ol.interaction.Draw({
clickTolerance : 20,
source: sourceOrigen,
type: iconoParadaCoche.value
});
map.addInteraction(drawOrigen);
snapOrigen = new ol.interaction.Snap({
source: sourceOrigen});
map.addInteraction(snapOrigen);
}
modifyOrigen.on('modifyend', function(evt) {
console.log(evt.features.item(0).getGeometry().getCoordinates());
});
// console.log(Object.values(snapOrigen)); // alert (snapOrigen);
//**** para mover el puntero Destino *****
var modifyDestino = new ol.interaction.Modify({source: sourceDestino});
map.addInteraction(modifyDestino);
function addInteractions() {
drawDestino = new ol.interaction.Draw({
pixelTolerance : 10,
source: sourceDestino,
type: iconoParadaCoche.value
});
map.addInteraction(drawDestino);
snapDestino = new ol.interaction.Snap({source: sourceDestino});
map.addInteraction(snapDestino);
}
modifyDestino.on('modifyend', function(evt) {
console.log(evt.features.item(0).getGeometry().getCoordinates());
});