#VOAPP-35 : Select Point of Interest in dropdown

src/components/MapObservation.vue

@@ -56,7 +56,7 @@ let parser = new WMTSCapabilities();
 
 export default {
      name : 'MapObservation',
-     props : ['geoinfo','isMapPanelVisible'],
+     props : ['geoinfo','isMapPanelVisible','locationPointOfInterestId'],
      data(){
          return {
                     isMyMapPanelVisible :   '',
@@ -339,18 +339,22 @@ export default {
             this.myGeoInfo = this.geoinfo;
         }
 
+
         if(this.myGeoInfo)
         {
             this.latitude   =   this.myGeoInfo.features[0].geometry.coordinates[0];
             this.longitude  =   this.myGeoInfo.features[0].geometry.coordinates[1];
-            this.mapZoom             = CommonUtil.CONST_GPS_OBSERVATION_ZOOM;
+            this.mapZoom    = CommonUtil.CONST_GPS_OBSERVATION_ZOOM;
         }
         else
         {
             this.mapZoom = CommonUtil.CONST_GPS_DEFAULT_ZOOM;
         }
 
-       
+       if(routeParam.locationPointOfInterestId)
+       {
+           this.poi.pointOfInterestId = routeParam.locationPointOfInterestId;
+       }
 
         this.$nextTick(function () {
             this.initMap();

src/components/Observation.vue

@@ -18,7 +18,7 @@
       <!-- <input type="datetime-local" v-bind='strDateObservation | dateFormat' v-model="strDateObservation"/> -->
         <input type="datetime-local" v-model="strDateObservation" />
     </div>
-    <router-link id="linkMap" ref='linkMap' :to="{name:'MapObservation', params: {geoinfo:mapGeoinfo,isMapPanelVisible:newMapPanel}}">Observation Map </router-link>
+    <router-link id="linkMap" ref='linkMap' :to="{name:'MapObservation', params: {geoinfo:mapGeoinfo,isMapPanelVisible:newMapPanel,locationPointOfInterestId:mapLocationPointOfInterestId}}">Observation Map </router-link>
       <div v-if="mapGeoinfo" id="divMapGeoInfo"><map-observation :geoinfo="mapGeoinfo" :isMapPanelVisible="isMapPanelVisible"></map-observation></div> 
 
       
@@ -61,6 +61,7 @@ export default {
       observationHeader : '',
       observationText : '',
       mapGeoinfo:'',
+      mapLocationPointOfInterestId:'',
       isMapPanelVisible:false,
       newMapPanel:true,
       observationForStore : 
@@ -117,6 +118,14 @@ export default {
               {
                 this.mapGeoinfo            =   JSON.parse(jsonObservation.geoinfo);
               }
+              else
+              {
+                if(jsonObservation.location.geoJSON)
+                {
+                   this.mapGeoinfo                      =   JSON.parse(jsonObservation.location.geoJSON);
+                   this.mapLocationPointOfInterestId    =   jsonObservation.locationPointOfInterestId;
+                }
+              }
           }
           else {
             //TODO for new Observation