actualizar las propiedades de geojson para usarlo con el folleto
Tengo el requisito de usar leaflet.js para agregar un mapa a mi sitio. El sitio tiene una vista de administración donde un administrador puede agregar marcadores y agregar descripción e imagen a cada marcador.
Usé el complemento leaflet.draw, y en el evento create trato de actualizar el objeto GeoJSON que obtuve usandoevent.layer.toGeoJSON()
para agregar algunas propiedades como imagen y texto pero sin suerte.
¿Puede alguien ayudarme con esto?
var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
osmAttrib = '© <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
osm = L.tileLayer(osmUrl, {
maxZoom: 18,
attribution: osmAttrib
});
map = new L.Map('map', {
layers: [osm],
center: new L.LatLng(31.9500, 35.9333),
zoom: 15
}),
drawnItems = L.geoJson().addTo(map);
map.addControl(new L.Control.Draw({
edit: {
featureGroup: drawnItems
}
}));
map.on('draw:created', function(event) {
var layer = event.layer;
var json = event.layer.toGeoJSON();
json.properties.desc = null;
json.properties.image = null;
drawnItems.addLayer(L.GeoJSON.geometryToLayer(json));
addPopup(layer);
});
function addPopup(layer) {
var content = '<input id="markerDesc" type="text"/ onblur="saveData(layer);">';
layer.bindPopup(content).openPopup();
alert('out');
}
function saveData(layer) {
var markerDesc = $('#markerDesc').val();
var json = layer.toGeoJSON();
json.feature.properties.desc = markerDesc;
}