{"version":3,"file":"GoogleMaps-CFJJoKqh.js","sources":["../../../resources/js/components/common/GoogleMaps.vue"],"sourcesContent":["<template>\n  <div id=\"map\" style=\"min-height: 600px\" />\n</template>\n<script>\nimport { Loader } from \"@googlemaps/js-api-loader\";\n\nexport default {\n  props: {\n    apiKey: { type: String, required: true },\n    center: { type: Object },\n    markers: { type: Array },\n    zoom: { type: Number, default: 10 },\n    circles: { type: Array },\n  },\n  emits: [\"buyer-hover\", \"buyer-hover-leave\", \"directions-rendered\"],\n  data() {\n    return {\n      map: null,\n      loading: true,\n      mapMarker: [],\n      popups: [],\n      directions: null,\n      directionsRenderer: null,\n      mapCircles: [],\n      circleInstances: [],\n    };\n  },\n  mounted() {\n    this.loader = new Loader({\n      apiKey: this.apiKey,\n      version: \"weekly\",\n    });\n    this.loadMap();\n  },\n  methods: {\n    loadMap() {\n       \n      this.loader.load().then(() => {\n        this.directions = new google.maps.DirectionsService();\n        this.directionsRenderer = new google.maps.DirectionsRenderer();\n        this.map = new google.maps.Map(document.getElementById(\"map\"), {\n          center: this.center\n            ? {\n                lat: this.center.lat,\n                lng: this.center.lng,\n              }\n            : new google.maps.LatLng(39.8283, -98.5795),\n          zoom: this.center ? this.zoom : 4.5,\n          mapTypeControl: false,\n          scaleControl: false,\n        });\n        const that = this;\n        this.map.addListener(\"click\", function () {\n          that.markers.forEach((marker) => {\n            that.popups[marker.id].close();\n          });\n        });\n\n        this.buildCircles();\n        if (this.markers && this.markers.length > 0) {\n          this.markers.map((marker, i) => {\n            const icon = document.createElement(\"img\");\n            icon.src = marker.icon.url;\n            icon.className = \"custom-icon\";\n            this.mapMarker[marker.id] = new google.maps.Marker({\n              position: marker.position,\n              title: marker.title,\n              animation: google.maps.Animation.DROP,\n              content: icon,\n            });\n\n            if (marker.popupContent) {\n              this.popups[marker.id] = new google.maps.InfoWindow({\n                content: marker.popupContent,\n              });\n\n              this.mapMarker[marker.id].addListener(\"click\", () => {\n                this.markers.forEach((marker) => {\n                  this.popups[marker.id].close();\n                });\n\n                this.popups[marker.id].open(this.map, this.mapMarker[marker.id]);\n              });\n\n              this.mapMarker[marker.id].addListener(\"mouseover\", () => {\n                this.$emit(\"buyer-hover\", true);\n              });\n\n              this.mapMarker[marker.id].addListener(\"mouseout\", () => {\n                this.$emit(\"buyer-hover-leave\", true);\n              });\n            }\n\n            if (marker.icon) {\n              this.mapMarker[marker.id].setIcon({\n                url: marker.icon.url,\n                scaledSize: new google.maps.Size(40, 40),\n              });\n            }\n\n            this.mapMarker[marker.id].setMap(this.map);\n          });\n        }\n\n        if (this.circles && this.circles.length > 0) {\n          this.circles.forEach((circle, i) => {\n            const circleInstance = new google.maps.Circle({\n              strokeColor: circle.strokeColor,\n              strokeOpacity: circle.strokeOpacity,\n              strokeWeight: circle.strokeWeight,\n              fillColor: circle.fillColor,\n              fillOpacity: circle.fillOpacity,\n              map: this.map,\n              center: circle.center,\n              radius: circle.radius,\n            });\n\n            this.circleInstances.push(circleInstance);\n          });\n        }\n\n        if (this.map) {\n          this.loading = false;\n        }\n      });\n\n       \n    },\n    buildCircles() {\n      const { map } = this;\n      if (this.circles && this.circles.length > 0) {\n        this.circles.forEach((circle) => {\n          this.mapCircles.push({\n            strokeColor: circle.strokeColor,\n            strokeOpacity: circle.strokeOpacity,\n            strokeWeight: circle.strokeWeight,\n            fillColor: circle.fillColor,\n            fillOpacity: circle.fillOpacity,\n            map,\n            center: circle.center,\n            radius: circle.radius,\n          });\n        });\n      }\n    },\n    getDirectionsRoute(origin, destination) {\n      this.markers.map((marker, i) => this.mapMarker[marker.id].setMap(null));\n      this.mapCircles.map((circle, i) => this.circleInstances[i].setMap(null));\n      const request = {\n        origin,\n        destination,\n        travelMode: \"DRIVING\",\n      };\n      const vm = this;\n\n      this.directions.route(request, (response, status) => {\n        if (status == \"OK\") {\n          vm.directionsRenderer.setDirections(response);\n          vm.directionsRenderer.setMap(vm.map);\n          vm.directionsRenderer.setPanel(document.getElementById(\"directionsPanel\"));\n          vm.$emit(\"directions-rendered\", true);\n        }\n      });\n    },\n    clearDirectionsRoute(locationId) {\n      this.directionsRenderer.setMap(null);\n      this.markers.map((marker, i) => this.mapMarker[marker.id].setMap(this.map));\n      this.mapCircles.map((circle, i) => this.circleInstances[i].setMap(this.map));\n      this.map.setZoom(this.zoom);\n    },\n    triggerBuyerPopupClick(locationId) {\n      this.markers.forEach((marker) => {\n        this.popups[marker.id].close();\n      });\n\n      this.popups[locationId].open(this.map, this.mapMarker[locationId]);\n    },\n    hidePopup(locationId) {\n      this.popups[locationId].close();\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","props","apiKey","type","String","required","center","Object","markers","Array","zoom","Number","default","circles","emits","data","map","loading","mapMarker","popups","directions","directionsRenderer","mapCircles","circleInstances","mounted","loader","Loader","version","loadMap","methods","load","then","google","maps","DirectionsService","DirectionsRenderer","Map","document","getElementById","lat","lng","LatLng","mapTypeControl","scaleControl","that","addListener","forEach","marker","id","close","buildCircles","length","i","icon","createElement","src","url","className","Marker","position","title","animation","Animation","DROP","content","popupContent","InfoWindow","open","$emit","setIcon","scaledSize","Size","setMap","circle","circleInstance","Circle","strokeColor","strokeOpacity","strokeWeight","fillColor","fillOpacity","radius","push","getDirectionsRoute","origin","destination","request","travelMode","vm","route","response","status","setDirections","setPanel","clearDirectionsRoute","locationId","setZoom","triggerBuyerPopupClick","hidePopup","style","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"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"}