diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1e30a36..b163163 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
- automatic save/restore options values
[#7](https://gitlab.com/eneiluj/gpxedit-oc/issues/7) @eneiluj
+### Changed
+- detach marker and tooltip styling option
+
### Fixed
- remove $.parseXML, apparently useless and producing errors
[#5](https://gitlab.com/eneiluj/gpxedit-oc/issues/5) @eneiluj
diff --git a/js/gpxedit.js b/js/gpxedit.js
index 1bee0b1..1b6eaae 100644
--- a/js/gpxedit.js
+++ b/js/gpxedit.js
@@ -258,6 +258,7 @@ function load_map() {
buttonParent.find('input.layerName').val(gpxedit.layersData[id].name);
buttonParent.find('textarea.layerDesc').val(gpxedit.layersData[id].description);
buttonParent.find('textarea.layerCmt').val(gpxedit.layersData[id].comment);
+ buttonParent.find('select.symbol').val(gpxedit.layersData[id].symbol);
});
}
@@ -271,15 +272,23 @@ function onCreated(type, layer){
popupTitle = 'Waypoint';
}
- layer.bindPopup('
';
+ popupTxt = popupTxt + '';
+
+ layer.bindPopup(popupTxt);
layer.gpxedit_id = gpxedit.id;
layer.type = type;
- gpxedit.layersData[gpxedit.id] = {name:'', description:'', comment:'', layer: layer};
+ gpxedit.layersData[gpxedit.id] = {name:'', description:'', comment:'', symbol:'', layer: layer};
gpxedit.editableLayers.addLayer(layer);
gpxedit.id++;
return layer;
@@ -768,13 +777,43 @@ $(document).ready(function(){
var name = $(this).parent().find('.layerName').val();
var description = $(this).parent().find('.layerDesc').val();
var comment = $(this).parent().find('.layerCmt').val();
+ var symbol = $(this).parent().find('select.symbol').val();
var wst = $('#markerstyleselect').val();
var tst = $('#tooltipstyleselect').val();
+ var symboo = $('#symboloverwrite').is(':checked');
gpxedit.layersData[id].name = name;
gpxedit.layersData[id].description = description;
gpxedit.layersData[id].comment = comment;
+ gpxedit.layersData[id].symbol = symbol;
gpxedit.layersData[id].layer.unbindTooltip();
+ if (gpxedit.layersData[id].layer.type === 'marker'){
+ if (symboo && symbol !== '' && symbolIcons.hasOwnProperty(symbol)){
+ gpxedit.layersData[id].layer.setIcon(symbolIcons[symbol])
+ }
+ else{
+ var theicon;
+ if (wst === 'p'){
+ theicon = L.divIcon({
+ className: 'leaflet-div-icon2',
+ iconAnchor: [5, 30]
+ });
+ }
+ else if (wst === 's'){
+ theicon = L.divIcon({
+ iconSize:L.point(6,6),
+ html:''
+ });
+ }
+ else if (wst === 'm'){
+ theicon = L.divIcon({
+ className: 'leaflet-marker-blue',
+ iconAnchor: [12, 41]
+ });
+ }
+ gpxedit.layersData[id].layer.setIcon(theicon);
+ }
+ }
if (name !== ''){
if (tst === 'p'){
gpxedit.layersData[id].layer.bindTooltip(name, {permanent:true});