先是在projectquantan-master这个项目中有一个EditingPanel这个工具条,也挺好的,功能挺全的,但是有一点就是只有画多边形的一个按钮,没有point和path俩个的,所以就想自己去加一个。
然后就发现统一的drawfeature的样式(olControlDrawFeatureItemInactive),没有分为point、path和polygon的,然后就去源代码中找控制这个样式点代码去修改他,但是始终没有找到,只能作罢。
又去网上搜索找到了openlayers自带的一个control(new OpenLayers.Control.EditingToolbar(vector_layer),这个上面有四个按钮,point、path、polygon和pan,还好,正打算用它和之前的editingpanel一起做一个东西呢,
发现了这个 var controls = [
new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {‘displayClass‘: ‘olControlDrawFeaturePolygon‘}),
new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {‘displayClass‘: ‘olControlDrawFeaturePath‘}),
new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {‘displayClass‘: ‘olControlDrawFeaturePoint‘})
];就是后面的class可以自己加,
就尝试着在EditingPanel中加一个同样的,没想到就成功了。真是踏破铁鞋无觅处啊。最后代码:
1 1 /** 2 2 * Provide a custom editing panel for editing a vec layer. 3 3 * Not meant to be general purpose. 4 4 */ 5 5 var EditingPanel = OpenLayers.Class(OpenLayers.Control.Panel, { 6 6 7 7 initialize: function(layer) { 8 8 9 9 OpenLayers.Control.Panel.prototype.initialize.apply(this, [{}]); 10 10 11 11 var navigate = new OpenLayers.Control.Navigation({ 12 12 title: "Pan Map" 13 13 }); 14 14 15 15 16 16 var drawFeaturePoint = new OpenLayers.Control.DrawFeature( 17 17 layer, OpenLayers.Handler.Point, { 18 18 title: "画点", 19 19 handlerOptions: {multi: true}, 20 20 displayClass: ‘olControlDrawFeaturePoint‘ 21 21 } 22 22 ); 23 23 24 24 var drawFeaturePath= new OpenLayers.Control.DrawFeature( 25 25 layer, OpenLayers.Handler.Path, { 26 26 title: "画线", 27 27 handlerOptions: {multi: true}, 28 28 displayClass: ‘olControlDrawFeaturePath‘ 29 29 } 30 30 ); 31 31 var drawFeaturePolygon = new OpenLayers.Control.DrawFeature( 32 32 layer, OpenLayers.Handler.Polygon, { 33 33 title: "画多边形", 34 34 handlerOptions: {multi: true}, 35 35 displayClass: ‘olControlDrawFeaturePolygon‘ 36 36 } 37 37 ); 38 38 39 39 var edit = new OpenLayers.Control.ModifyFeature(layer, { 40 40 title: "修改要素" 41 41 }); 42 42 43 43 var del = new DeleteFeature(layer, {title: "删除要素"}); 44 44 45 45 var save = new OpenLayers.Control.Button({ 46 46 title: "保存更改", 47 47 trigger: function() { 48 48 if(edit.feature) { 49 49 edit.selectControl.unselectAll(); 50 50 } 51 51 // fails if no save strategy 52 52 var strat = OpenLayers.Array.filter( 53 53 layer.strategies, 54 54 function(s) { 55 55 return s instanceof OpenLayers.Strategy.Save; 56 56 } 57 57 )[0]; 58 58 strat.save(); 59 59 }, 60 60 displayClass: "olControlSaveFeatures" 61 61 }); 62 62 63 63 this.defaultControl = navigate; 64 64 //this.addControls([save, del, edit,drawFeaturePoint,drawFeaturePath,drawFeaturePolygon, navigate]); 65 65 this.addControls([navigate,drawFeaturePoint,drawFeaturePath,drawFeaturePolygon, edit, del,save]); 66 66 67 67 }, 68 68 69 69 CLASS_NAME: "EditingPanel" 70 70 });
上面一个简略的问题解决的流程,只要有耐心问题自会得到解决的。千万不要自己放弃,打心底里相信问题能够得到解决。
要相信只要去坚持,问题总会解决,当然坚持不是盲目的坚持,不断的寻找解决问题的方法,问题总能在不经意间得到完美的解决。只是有时候过程有点慢吧,不过刚开始没经验嘛,慢一点多积累经验都一样,后来会越来越快的,只能说你对事物的认知在慢慢的加深,问题就会慢慢得到来解决。