[UNI-211] feat : 건물과 길을 이어주는 길 생성 (#117)

* [UNI-211] feat : building과 route 이어주는 로직 추가

* [UNI-77] feat : geodesic 제거

Author: jpark0506

uniro_frontend/src/component/NavgationMap.tsx

@@ -40,11 +40,54 @@ const NavigationMap = ({ style, routeResult, risks, isDetailView, topPadding = 0
 
 		const { routes, routeDetails } = routeResult;
 
+		if (!origin || !destination) {
+			return;
+		}
+
+		const startingBuildingPath = [{ lat: origin?.lat, lng: origin?.lng }, routes[0].node1];
+
+		const endingBuildingPath = [routes[routes.length - 1].node2, { lat: destination?.lat, lng: destination?.lng }];
+
 		// 하나의 길 완성
 		const paths = [routes[0].node1, ...routes.map((el) => el.node2)];
 
 		const bounds = new google.maps.LatLngBounds();
 
+		const dashSymbol = {
+			path: "M 0,-1 0,1",
+			strokeOpacity: 1,
+			scale: 3,
+		};
+
+		// 시작 building과 첫번째 점을 이어주는 polyline
+		new Polyline({
+			path: startingBuildingPath,
+			map,
+			strokeOpacity: 0,
+			icons: [
+				{
+					icon: dashSymbol,
+					offset: "0",
+					repeat: "20px",
+				},
+			],
+			geodesic: true,
+		});
+
+		// 마지막 building과 마지막 점을 이어주는 polyline
+		new Polyline({
+			path: endingBuildingPath,
+			map,
+			strokeOpacity: 0,
+			icons: [
+				{
+					icon: dashSymbol,
+					offset: "0",
+					repeat: "20px",
+				},
+			],
+		});
+
 		new Polyline({
 			path: paths,
 			map,