Fixed location icon

src/components/MapObservation.vue

@@ -336,7 +336,7 @@ export default {
         myImage()
         {
             var fill = new Fill({
-                color: 'white'    //[180, 0, 0, 0.3]
+                color: 'white'
             });
 
             return new CircleStyle({

src/components/MapPOI.vue

@@ -334,15 +334,15 @@ export default{
 
             myImage()
             {
-                var fill = new Fill({
-                    color: '#FF0000'    //[180, 0, 0, 0.3]
-                });
-
-                return new CircleStyle({
-                        radius: 5,
-                        fill: fill,
-                        stroke: new Stroke({color: 'red', width: 4}),
-                        });
+               var fill = new Fill({
+                color: 'white'
+	            });
+	
+	            return new CircleStyle({
+	                    radius: 15,
+	                    fill: fill,
+	                    stroke: new Stroke({color: '#3d8052', width: 15}),
+	                    });
             },
             myVectorGeoSource(geoInfo){
                 if(geoInfo)
@@ -419,16 +419,7 @@ export default{
                                                                                         ],
                                                                 }),
                                                         style   : new Style({
-                                                                            image : new CircleStyle ({
-                                                                                                        radius  :   5,
-                                                                                                        fill    :   new Fill({
-                                                                                                                            color : 'red'
-                                                                                                                    }),
-                                                                                                        stroke  :   new Stroke({
-                                                                                                                            color   : 'red',
-                                                                                                                            width   : 4
-                                                                                                            })
-                                                                                                    })
+                                                                            image : This.myImage()
                                                                     })
                                                 });
 
@@ -514,22 +505,16 @@ export default{
                                                             source: new WMTS(options),
                                                         }) ,                            
                                                         new VectorLayer({
-                                                                            source  :      new VectorSource({
-                                                                                                                features : new GeoJSON({
-                                                                                                                                            dataProjection:"EPSG:4326", 
-                                                                                                                                            featureProjection:"EPSG:3857"
-                                                                                                                                        }).readFeatures(geoInfo),
-                                                                                            }),
-                                                                            style   :       new Style({
-                                                                                                        image: new CircleStyle({
-                                                                                                                                    radius: 5,
-                                                                                                                                    fill: new Fill({
-                                                                                                                                                    color: '#FF0000'    //[180, 0, 0, 0.3]
-                                                                                                                                                    }),
-                                                                                                                                    stroke: new Stroke({color: 'red', width: 4}),
-                                                                                                                                }),
-                                                                                                        }),                                                
-                                                                        }),
+                                                           source  :      new VectorSource({
+                                                               features : new GeoJSON({
+                                                                   dataProjection:"EPSG:4326", 
+                                                                   featureProjection:"EPSG:3857"
+                                                               }).readFeatures(geoInfo),
+                                                           }),
+                                                           style   :       new Style({
+                                                              image: This.myImage(),
+                                                           }),                                                
+                                                       }),
 
                                                 ],
                                             controls    :   [],