Loading src/assets/map-icon-50px.png 0 → 100644 +1.79 KiB Loading image diff... src/components/GMap.vue +17 −4 Original line number Diff line number Diff line Loading @@ -63,12 +63,25 @@ export default defineComponent({ radius: 50, strokeColor: "#FF00FF", strokeOpacity: 0.8, strokeWeight: 2, strokeWeight: 3, fillColor: "#FF00FF", fillOpacity: 0.35, fillOpacity: 0.1, }; const markerOptions = { position: center, label: "D", title: "DESTINY" }; const customIcon = { url: require('../assets/map-icon-50px.png'), // size: { width: 46, height: 46, f: "px", b: "px" }, // 아이콘 크기 // size: (20, 20), // origin: (0, 0), // 아이콘 원점 // anchor: (25, 50), // 아이콘 기준점 }; const markerOptions = { position: center, // animation: "BOUNCE", title: "DESTINY" icon: customIcon }; const flightPath = { path: flightPlanCoordinates, Loading @@ -82,7 +95,7 @@ export default defineComponent({ geodesic: true, strokeColor: "#0000ff", strokeOpacity: 0.8, strokeWeight: 2, strokeWeight: 5, }; return { center, flightPath, flightPath2, circle, markerOptions }; }, Loading Loading
src/components/GMap.vue +17 −4 Original line number Diff line number Diff line Loading @@ -63,12 +63,25 @@ export default defineComponent({ radius: 50, strokeColor: "#FF00FF", strokeOpacity: 0.8, strokeWeight: 2, strokeWeight: 3, fillColor: "#FF00FF", fillOpacity: 0.35, fillOpacity: 0.1, }; const markerOptions = { position: center, label: "D", title: "DESTINY" }; const customIcon = { url: require('../assets/map-icon-50px.png'), // size: { width: 46, height: 46, f: "px", b: "px" }, // 아이콘 크기 // size: (20, 20), // origin: (0, 0), // 아이콘 원점 // anchor: (25, 50), // 아이콘 기준점 }; const markerOptions = { position: center, // animation: "BOUNCE", title: "DESTINY" icon: customIcon }; const flightPath = { path: flightPlanCoordinates, Loading @@ -82,7 +95,7 @@ export default defineComponent({ geodesic: true, strokeColor: "#0000ff", strokeOpacity: 0.8, strokeWeight: 2, strokeWeight: 5, }; return { center, flightPath, flightPath2, circle, markerOptions }; }, Loading