Wire is not calling

I tried to run this wired function when I get recordId but I am not able to run this function. Can anyone tell me what I am doing wrong here?

 import { LightningElement, wire, api } from 'lwc';
 import { subscribe, unsubscribe, MessageContext, publish } from 'lightning/messageService';
 import BOATMC from '@salesforce/messageChannel/BoatMessageChannel__c';
  import { getRecord } from 'lightning/uiRecordApi';
  import LONGITUDE_FIELD from '@salesforce/schema/Boat__c.Geolocation__latitude__s';
 import LATITUDE_FIELD from '@salesforce/schema/Boat__c.Geolocation__longitude__s';
const BOAT_FIELDS = [LONGITUDE_FIELD, LATITUDE_FIELD];
export default class BoatMap extends LightningElement {


subscription = null;
boatId;    

@api get recordId() {    
  return this.boatId;
}
set recordId(value) {
  console.log('boatId',value);
  this.setAttribute('boatId', value);
  this.boatId = value;
}


error = undefined;
mapMarkers = [];

// Initialize messageContext for Message Service
@wire(MessageContext)
messageContext;

@wire(getRecord, { recordId: '$boatId', fields: BOAT_FIELDS })
wiredRecord({ error, data }) {
  // Error handling
  if (data) {
    console.log('data',data);
    this.error = undefined;
    const longitude = data.fields.Geolocation__Longitude__s.value;
    const latitude = data.fields.Geolocation__Latitude__s.value;
    this.updateMap(longitude, latitude);
  } else if (error) {
    this.error = error;
    console.log('error',error);
    this.boatId = undefined;
    this.mapMarkers = [];
  }
}


connectedCallback() {
  
  if (this.subscription || this.recordId) {
    return;
  }
  this.subscription = subscribe(this.messageContext, BOATMC, (message) => {        
    this.recordId = message.recordId;       
  });
 
}


updateMap(Longitude, Latitude) { 
  this.mapMarkers = [{
    location:{
      latitude :Latitude,
      longitude:Longitude
    }
  }];
}


get showMap() {
  return this.mapMarkers.length > 0;
}

}