Skip to content

V
vsa-frontend
Commit bb84ec81 authored by Carlos's avatar Carlos
Browse files
Options

last changes

parent b9651954
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 5379 additions and 2199 deletions
__azurite_db_blob__.json 0 → 100644
View file @ bb84ec81
{"filename":"/Users/calvarez/Documents/Projects/Nisum/vsa-frontend/__azurite_db_blob__.json","collections":[{"name":"$SERVICES_COLLECTION$","data":[],"idIndex":null,"binaryIndices":{},"constraints":null,"uniqueNames":["accountName"],"transforms":{},"objType":"$SERVICES_COLLECTION$","dirty":false,"cachedIndex":null,"cachedBinaryIndex":null,"cachedData":null,"adaptiveBinaryIndices":true,"transactional":false,"cloneObjects":false,"cloneMethod":"parse-stringify","asyncListeners":false,"disableMeta":false,"disableChangesApi":true,"disableDeltaChangesApi":true,"autoupdate":false,"serializableIndices":true,"disableFreeze":true,"ttl":null,"maxId":0,"DynamicViews":[],"events":{"insert":[],"update":[],"pre-insert":[],"pre-update":[],"close":[],"flushbuffer":[],"error":[],"delete":[null],"warning":[null]},"changes":[],"dirtyIds":[]},{"name":"$CONTAINERS_COLLECTION$","data":[],"idIndex":null,"binaryIndices":{"accountName":{"name":"accountName","dirty":false,"values":[]},"name":{"name":"name","dirty":false,"values":[]}},"constraints":null,"uniqueNames":[],"transforms":{},"objType":"$CONTAINERS_COLLECTION$","dirty":false,"cachedIndex":null,"cachedBinaryIndex":null,"cachedData":null,"adaptiveBinaryIndices":true,"transactional":false,"cloneObjects":false,"cloneMethod":"parse-stringify","asyncListeners":false,"disableMeta":false,"disableChangesApi":true,"disableDeltaChangesApi":true,"autoupdate":false,"serializableIndices":true,"disableFreeze":true,"ttl":null,"maxId":0,"DynamicViews":[],"events":{"insert":[],"update":[],"pre-insert":[],"pre-update":[],"close":[],"flushbuffer":[],"error":[],"delete":[null],"warning":[null]},"changes":[],"dirtyIds":[]},{"name":"$BLOBS_COLLECTION$","data":[],"idIndex":null,"binaryIndices":{"accountName":{"name":"accountName","dirty":false,"values":[]},"containerName":{"name":"containerName","dirty":false,"values":[]},"name":{"name":"name","dirty":false,"values":[]},"snapshot":{"name":"snapshot","dirty":false,"values":[]}},"constraints":null,"uniqueNames":[],"transforms":{},"objType":"$BLOBS_COLLECTION$","dirty":false,"cachedIndex":null,"cachedBinaryIndex":null,"cachedData":null,"adaptiveBinaryIndices":true,"transactional":false,"cloneObjects":false,"cloneMethod":"parse-stringify","asyncListeners":false,"disableMeta":false,"disableChangesApi":true,"disableDeltaChangesApi":true,"autoupdate":false,"serializableIndices":true,"disableFreeze":true,"ttl":null,"maxId":0,"DynamicViews":[],"events":{"insert":[],"update":[],"pre-insert":[],"pre-update":[],"close":[],"flushbuffer":[],"error":[],"delete":[null],"warning":[null]},"changes":[],"dirtyIds":[]},{"name":"$BLOCKS_COLLECTION$","data":[],"idIndex":null,"binaryIndices":{"accountName":{"name":"accountName","dirty":false,"values":[]},"containerName":{"name":"containerName","dirty":false,"values":[]},"blobName":{"name":"blobName","dirty":false,"values":[]},"name":{"name":"name","dirty":false,"values":[]}},"constraints":null,"uniqueNames":[],"transforms":{},"objType":"$BLOCKS_COLLECTION$","dirty":false,"cachedIndex":null,"cachedBinaryIndex":null,"cachedData":null,"adaptiveBinaryIndices":true,"transactional":false,"cloneObjects":false,"cloneMethod":"parse-stringify","asyncListeners":false,"disableMeta":false,"disableChangesApi":true,"disableDeltaChangesApi":true,"autoupdate":false,"serializableIndices":true,"disableFreeze":true,"ttl":null,"maxId":0,"DynamicViews":[],"events":{"insert":[],"update":[],"pre-insert":[],"pre-update":[],"close":[],"flushbuffer":[],"error":[],"delete":[null],"warning":[null]},"changes":[],"dirtyIds":[]}],"databaseVersion":1.5,"engineVersion":1.5,"autosave":true,"autosaveInterval":5000,"autosaveHandle":null,"throttledSaves":true,"options":{"persistenceMethod":"fs","autosave":true,"autosaveInterval":5000,"serializationMethod":"normal","destructureDelimiter":"$<\n"},"persistenceMethod":"fs","persistenceAdapter":null,"verbose":false,"events":{"init":[null],"loaded":[],"flushChanges":[],"close":[],"changes":[],"warning":[]},"ENV":"NODEJS"}
\ No newline at end of file
__azurite_db_blob_extent__.json 0 → 100644
View file @ bb84ec81
{"filename":"/Users/calvarez/Documents/Projects/Nisum/vsa-frontend/__azurite_db_blob_extent__.json","collections":[{"name":"$EXTENTS_COLLECTION$","data":[],"idIndex":null,"binaryIndices":{"id":{"name":"id","dirty":false,"values":[]}},"constraints":null,"uniqueNames":[],"transforms":{},"objType":"$EXTENTS_COLLECTION$","dirty":false,"cachedIndex":null,"cachedBinaryIndex":null,"cachedData":null,"adaptiveBinaryIndices":true,"transactional":false,"cloneObjects":false,"cloneMethod":"parse-stringify","asyncListeners":false,"disableMeta":false,"disableChangesApi":true,"disableDeltaChangesApi":true,"autoupdate":false,"serializableIndices":true,"disableFreeze":true,"ttl":null,"maxId":0,"DynamicViews":[],"events":{"insert":[],"update":[],"pre-insert":[],"pre-update":[],"close":[],"flushbuffer":[],"error":[],"delete":[null],"warning":[null]},"changes":[],"dirtyIds":[]}],"databaseVersion":1.5,"engineVersion":1.5,"autosave":true,"autosaveInterval":5000,"autosaveHandle":null,"throttledSaves":true,"options":{"persistenceMethod":"fs","autosave":true,"autosaveInterval":5000,"serializationMethod":"normal","destructureDelimiter":"$<\n"},"persistenceMethod":"fs","persistenceAdapter":null,"verbose":false,"events":{"init":[null],"loaded":[],"flushChanges":[],"close":[],"changes":[],"warning":[]},"ENV":"NODEJS"}
\ No newline at end of file
package-lock.json
View file @ bb84ec81
This diff is collapsed.
package.json
View file @ bb84ec81
...@@ -17,13 +17,18 @@ ...@@ -17,13 +17,18 @@
"test:cobertura": "vitest run --coverage.enabled --reporter=junit" "test:cobertura": "vitest run --coverage.enabled --reporter=junit"
}, },
"dependencies": { "dependencies": {
"@ant-design/icons": "^5.2.6",
"antd": "^5.12.1",
"axios": "^1.4.0", "axios": "^1.4.0",
"date-fns": "^2.30.0", "date-fns": "^2.30.0",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"node-dijkstra": "^2.5.0", "node-dijkstra": "^2.5.0",
"node-google-text-to-speech": "^0.1.0",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-hook-speech-to-text": "^0.8.0" "react-hook-speech-to-text": "^0.8.0",
"requirejs": "^2.3.6",
"text-to-speech-js": "^1.1.10"
}, },
"devDependencies": { "devDependencies": {
"@testing-library/jest-dom": "^6.1.3", "@testing-library/jest-dom": "^6.1.3",
......
server/index.mjs
View file @ bb84ec81
...@@ -102,7 +102,7 @@ app.get('/getShortestPath', function (req, res) { ...@@ -102,7 +102,7 @@ app.get('/getShortestPath', function (req, res) {
// [104.85, 2], // [104.85, 2],
// [104.5,2] // [104.5,2]
// ]) // ])
console.log("Product location: ", coordinatesPath[coordinatesPath.length-1]);
res.send(coordinatesPath); res.send(coordinatesPath);
}) })
console.log("listening in port: 3000") console.log("listening in port: 3000")
......
src/App.tsx
View file @ bb84ec81
...@@ -6,7 +6,16 @@ import useFetch from "./hooks/useFetch"; ...@@ -6,7 +6,16 @@ import useFetch from "./hooks/useFetch";
import ProductListItem from "./components/productListItem"; import ProductListItem from "./components/productListItem";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
// const tts = require("node-google-text-to-speech");
// tts.translate("en", "dog", function (result) {
// console.log(result);
// if (result.success) {
// //check for success
// const response = { audio: result.data };
// socket.emit("ttsResult", response); //emit the audio to client
// }
// });
function App() { function App() {
const { const {
...@@ -48,6 +57,13 @@ function App() { ...@@ -48,6 +57,13 @@ function App() {
console.log("responseError: ", responseError); console.log("responseError: ", responseError);
const text = results.length > 0 && results[results.length - 1].transcript; const text = results.length > 0 && results[results.length - 1].transcript;
const msg = new SpeechSynthesisUtterance();
const speak = (textToSay) => {
const msg = new SpeechSynthesisUtterance();
msg.text = textToSay;
window.speechSynthesis.speak(msg);
};
return ( return (
<> <>
......
src/components/productListItem/index.tsx
View file @ bb84ec81
import React, { useEffect, useRef } from "react"; import React, { useEffect, useRef, useState } from "react";
import useFetch from "../../hooks/useFetch"; import useFetch from "../../hooks/useFetch";
import { Select, Space } from "antd";
import { CloseOutlined } from "@ant-design/icons";
const shouldUpdate = (prevProps, nextProps) => { const shouldUpdate = (prevProps, nextProps) => {
// Custom comparison logic based on prevProps and nextProps // Custom comparison logic based on prevProps and nextProps
...@@ -7,92 +9,151 @@ const shouldUpdate = (prevProps, nextProps) => { ...@@ -7,92 +9,151 @@ const shouldUpdate = (prevProps, nextProps) => {
return !prevProps.id === nextProps.id; return !prevProps.id === nextProps.id;
}; };
const ProductListItem = React.memo((props: { const ProductListItem = React.memo(
id: number; (props: {
title: string; id: number;
description: string; title: string;
imgLink: string; description: string;
current: number | null; imgLink: string;
category: string; current: number | null;
price: number; category: string;
rating: { price: number;
rate: number; rating: {
count: number; rate: number;
}; count: number;
expandCallback(id: number): void; };
}) => { expandCallback(id: number): void;
const currentElement = useRef(null); }) => {
const {
get,
loading: loadingImg,
error: responseError,
response: responseImg,
} = useFetch(`http://localhost:5000/`);
console.log("responseImg: ", responseImg);
useEffect(()=>{ const currentElement = useRef(null);
debugger const {
const newHeight = (props.current && props.current == props.id) ? `auto` : `8rem`; get,
if(currentElement.current) currentElement.current.setAttribute("style",`height:${newHeight}`); loading: loadingImg,
}, [props]) error: responseError,
response: responseImg,
} = useFetch(`http://localhost:5000/`);
console.log("responseImg: ", responseImg);
const [displayModal, setDisplayModal] = useState(false);
useEffect(() => {
debugger;
const newHeight =
props.current && props.current == props.id ? `auto` : `8rem`;
if (currentElement.current)
currentElement.current.setAttribute("style", `height:${newHeight}`);
}, [props]);
const callPythonApp = () => { const callPythonApp = (startingPointId:string) => {
get(); get(`startingPointId=${startingPointId}`);
} };
return ( const showModal = () => {
<div setDisplayModal(!displayModal);
id={props.id.toString()} };
className={`flex tran`}
onClick={() => { const handleChange = (value: string) => {
// const newHeight = (props.current && props.current == props.id) ? `auto` : `8rem`; callPythonApp(value);
// if(currentElement.current) currentElement.current.setAttribute("style",`height:${newHeight}`); };
props.expandCallback(props.id);
}} return (
ref={currentElement} <div
> id={props.id.toString()}
<div className="mt-auto mb-auto ml-2 mr-2"> className={`flex tran`}
<div className="w-16"> onClick={() => {
<img src={props.imgLink}></img> // const newHeight = (props.current && props.current == props.id) ? `auto` : `8rem`;
</div> // if(currentElement.current) currentElement.current.setAttribute("style",`height:${newHeight}`);
</div> props.expandCallback(props.id);
<div className="flex flex-col p-2 pb-3"> }}
<div className="text-left font-semibold" id="header"> ref={currentElement}
<span>{props.title}</span> >
</div> {
<div id="content" className="overflow-scroll text-left text-sm"> displayModal && (
<span>{props.description}</span> <div>
{props.current && props.current == props.id && ( <div
<div className="flex flex-col"> onClick={showModal}
<div> className="absolute top-0 left-0 w-full h-full bg-[#686868d1]"
<span className="font-semibold">Category: </span>{" "} ></div>
<span>{props.category}</span>{" "} <div className="fixed w-[80%] h-[80%] top-[10%] left-[10%] bg-white border rounded overflow-scroll">
</div> <div className="absolute right-0 mr-3 mt-2">
<div> <CloseOutlined onClick={showModal} />
<span className="font-semibold">Price: </span>{" "} </div>
<span>{props.price}</span> <div className="mt-6">
</div> <h3>Select the Starting point</h3>
<div> <span>
<span className="font-semibold">Rating: </span>{" "} Please chose the entrance or place you are more close to
<span>{props.rating.rate}</span> </span>
</div> </div>
<div> <div>
<span onClick={callPythonApp} className="font-semibold text-blue-web"> <Select
Click here to get the location defaultValue="Select the entrance"
</span> style={{ width: 260, marginTop: "1%" }}
{ onChange={handleChange}
responseImg && responseImg.image && ( loading={loadingImg}
<img src={`data:image/jpg;base64,${responseImg.image}`}/> options={[
) { value: "SP1", label: "ENTRANCE 1" },
} { value: "SP2", label: "ENTRANCE 2" },
<></> { value: "SP3", label: "ENTRANCE 3" },
{ value: "SP4", label: "ENTRANCE 4" },
{ value: "SP5", label: "ENTRANCE 5" },
{ value: "SP6", label: "ENTRANCE 6" },
]}
/>
{responseImg && responseImg.image && (
<img
className="max-w-screen-md ml-auto mr-auto mt-8 w-full"
src={`data:image/jpg;base64,${responseImg.image}`}
/>
)}
</div>
</div> </div>
</div> </div>
)} )
// responseImg && responseImg.image && (
// <img src={`data:image/jpg;base64,${responseImg.image}`}/>
// )
}
<div className="mt-auto mb-auto ml-2 mr-2">
<div className="w-16">
<img src={props.imgLink}></img>
</div>
</div>
<div className="flex flex-col p-2 pb-3">
<div className="text-left font-semibold" id="header">
<span>{props.title}</span>
</div>
<div id="content" className="overflow-scroll text-left text-sm">
<span>{props.description}</span>
{props.current && props.current == props.id && (
<div className="flex flex-col">
<div>
<span className="font-semibold">Category: </span>{" "}
<span>{props.category}</span>{" "}
</div>
<div>
<span className="font-semibold">Price: </span>{" "}
<span>{props.price}</span>
</div>
<div>
<span className="font-semibold">Rating: </span>{" "}
<span>{props.rating.rate}</span>
</div>
<div>
<span
onClick={showModal}
className="font-semibold text-blue-web"
>
Click here to get the location
</span>
<></>
</div>
</div>
)}
</div>
</div> </div>
</div> </div>
</div> );
); },
}, shouldUpdate); shouldUpdate
);
export default ProductListItem; export default ProductListItem;
utils-resources/app.py
View file @ bb84ec81
This diff is collapsed.
utils-resources/coordinates.txt
View file @ bb84ec81
...@@ -81,4 +81,48 @@ A2: [102.5, 1.0], ...@@ -81,4 +81,48 @@ A2: [102.5, 1.0],
B1A1: [100.5, 1.35], B1A1: [100.5, 1.35],
A1: [100.5, 1.0], A1: [100.5, 1.0],
SP1: [100, 1.35], SP1: [100, 1.35],
\ No newline at end of file
// all points
{
"type": "Feature",
"geometry": {
"type": "MultiPoint",
"coordinates": [
[101.75, 5],
[101.75, 4.3],
[101.4, 4.3],
[100.5, 3.3],
[100.5, 3.0],
[101.75, 3.3],
[104.85, 3.3],
[102.7, 3.3],
[102.7, 3.6],
[102.7, 3.0],
[103.7, 3.3],
[103.7, 3.6],
[103.7, 3.0],
[106.2, 3.3],
[107, 3.3],
[106.2, 3.0],
[104.85, 4.3],
[105.2, 4.3],
[104.85, 5],
[104.85, 2],
[104.5, 2],
[104.85, 1.35],
[105.5, 1.35],
[105.5, 1.0],
[107, 1.35],
[102.5, 1.35],
[102.5, 1.0],
[100.5, 1.35],
[100.5, 1.0],
[100, 1.35]
]
}
},
\ No newline at end of file
utils-resources/floorPlan.json 0 → 100644
View file @ bb84ec81
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 0.0],
[101.0, 0.0],
[101.0, 1.0],
[100.0, 1.0],
[100.0, 0.0]
]
]
},
"properties": {
"prop0": "A1",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[101.1, 0.0],
[104.0, 0.0],
[104.0, 1.0],
[101.1, 1.0],
[101.1, 0.0]
]
]
},
"properties": {
"prop0": "A2",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[104.1, 0.0],
[107.0, 0.0],
[107.0, 1.0],
[104.1, 1.0],
[104.1, 0.0]
]
]
},
"properties": {
"prop0": "A3",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 1.7],
[102.0, 1.7],
[102.0, 3.0],
[100.0, 3.0],
[100.0, 1.7]
]
]
},
"properties": {
"prop0": "B1",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[102.1, 1.7],
[103.1, 1.7],
[103.1, 3.0],
[102.1, 3.0],
[102.1, 1.7]
]
]
},
"properties": {
"prop0": "B2",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 2.4],
[104.5, 2.4],
[104.5, 3.0],
[103.2, 3.0],
[103.2, 2.4]
]
]
},
"properties": {
"prop0": "B3",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 1.7],
[104.5, 1.7],
[104.5, 2.3],
[103.2, 2.3],
[103.2, 1.7]
]
]
},
"properties": {
"prop0": "B4",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[105.2, 1.7],
[107.0, 1.7],
[107.0, 3.0],
[105.2, 3.0],
[105.2, 1.7]
]
]
},
"properties": {
"prop0": "B5",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 3.6],
[101.4, 3.6],
[101.4, 4.9],
[100.0, 4.9],
[100.0, 3.6]
]
]
},
"properties": {
"prop0": "C1",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[102.1, 3.6],
[103.1, 3.6],
[103.1, 4.9],
[102.1, 4.9],
[102.1, 3.6]
]
]
},
"properties": {
"prop0": "C2",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 3.6],
[104.5, 3.6],
[104.5, 4.9],
[103.2, 4.9],
[103.2, 3.6]
]
]
},
"properties": {
"prop0": "C3",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[105.2, 3.6],
[107.0, 3.6],
[107.0, 4.9],
[105.2, 4.9],
[105.2, 3.6]
]
]
},
"properties": {
"prop0": "C4",
"prop1": { "this": "that" },
"type": "section"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [100, 1.35]
},
"properties": {
"prop0": "GATE 1",
"prop1": { "this": "that" },
"type": "gate"
}
},{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [107, 1.35]
},
"properties": {
"prop0": "GATE 2",
"prop1": { "this": "that" },
"type": "gate"
}
},{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [107, 3.3]
},
"properties": {
"prop0": "GATE 3",
"prop1": { "this": "that" },
"type": "gate"
}
},{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [104.85, 5]
},
"properties": {
"prop0": "GATE 4",
"prop1": { "this": "that" },
"type": "gate"
}
},{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [101.75, 5]
},
"properties": {
"prop0": "GATE 5",
"prop1": { "this": "that" },
"type": "gate"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [100, 3.3]
},
"properties": {
"prop0": "GATE 6",
"prop1": { "this": "that" },
"type": "gate"
}
},
{
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[100, 1.35],
[104.85, 1.35],
[104.85, 2],
[104.5, 2]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [104.5, 2]
}
}
]
}
utils-resources/sample-map.png
View replaced file @ b9651954 View file @ bb84ec81
utils-resources/sample-map.png

41.6 KB | W: | H:

utils-resources/sample-map.png

92 KB | W: | H:

utils-resources/sample-map.png
utils-resources/sample-map.png
utils-resources/sample-map.png
utils-resources/sample-map.png
  • 2-up
  • Swipe
  • Onion skin
utils-resources/sample.json
View file @ bb84ec81
{ { "type": "FeatureCollection",
"type": "FeatureCollection",
"features": [ "features": [
{ { "type": "Feature",
"type": "Feature", "geometry": {"type": "Point", "coordinates": [102.0, 0.5]},
"geometry": { "type": "Point", "coordinates": [102.0, 0.5] }, "properties": {"prop0": "value0"}
"properties": { "prop0": "value0" }
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[101.1, 0.0],
[104.0, 0.0],
[104.0, 1.0],
[101.1, 1.0],
[101.1, 0.0]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[104.1, 0.0],
[107.0, 0.0],
[107.0, 1.0],
[104.1, 1.0],
[104.1, 0.0]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 0.0],
[101.0, 0.0],
[101.0, 1.0],
[100.0, 1.0],
[100.0, 0.0]
]
]
}, },
"properties": { { "type": "Feature",
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": { "geometry": {
"type": "Polygon", "type": "LineString",
"coordinates": [ "coordinates": [
[ [102.0, 0.0], [103.0, 1.0], [104.0, 0.0], [105.0, 1.0]
[100.0, 1.7],
[102.0, 1.7],
[102.0, 3.0],
[100.0, 3.0],
[100.0, 1.7]
] ]
] },
},
"properties": { "properties": {
"prop0": "value0", "prop0": "value0",
"prop1": { "this": "that" } "prop1": 0.0
} }
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[102.1, 1.7],
[103.1, 1.7],
[103.1, 3.0],
[102.1, 3.0],
[102.1, 1.7]
]
]
}, },
"properties": { { "type": "Feature",
"prop0": "value0", "geometry": {
"prop1": { "this": "that" } "type": "Polygon",
} "coordinates": [
}, [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0],
{ [100.0, 1.0], [100.0, 0.0] ]
"type": "Feature", ]
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 2.4],
[104.5, 2.4],
[104.5, 3.0],
[103.2, 3.0],
[103.2, 2.4]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 1.7],
[104.5, 1.7],
[104.5, 2.3],
[103.2, 2.3],
[103.2, 1.7]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[105.2, 1.7],
[107.0, 1.7],
[107.0, 3.0],
[105.2, 3.0],
[105.2, 1.7]
]
]
}
},
},
"properties": {
{ "prop0": "value0",
"type": "Feature", "prop1": {"this": "that"}
"geometry": { }
"type": "Polygon", }
"coordinates": [ ]
[ }
[100.0, 3.6],
[101.4, 3.6],
[101.4, 4.9],
[100.0, 4.9],
[100.0, 3.6]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[102.1, 3.6],
[103.1, 3.6],
[103.1, 4.9],
[102.1, 4.9],
[102.1, 3.6]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 3.6],
[104.5, 3.6],
[104.5, 4.9],
[103.2, 4.9],
[103.2, 3.6]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[105.2, 3.6],
[107.0, 3.6],
[107.0, 4.9],
[105.2, 4.9],
[105.2, 3.6]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "MultiPoint",
"coordinates": [
[101.75, 5],
[101.75, 4.3],
[101.4, 4.3],
[100.5, 3.3],
[100.5, 3.0],
[100, 3.3],
[101.75, 3.3],
[104.85, 3.3],
[102.7, 3.3],
[102.7, 3.6],
[102.7, 3.0],
[103.7, 3.3],
[103.7, 3.6],
[103.7, 3.0],
[106.2, 3.3],
[107, 3.3],
[106.2, 3.0],
[104.85, 4.3],
[105.2, 4.3],
[104.85, 5],
[104.85, 2],
[104.50, 2],
[104.85, 1.35],
[105.5, 1.35],
[105.5, 1.0],
[107, 1.35],
[102.5, 1.35],
[102.5, 1.0],
[100.5, 1.35],
[100.5, 1.0],
[100, 1.35]
]
}
}
]
}
\ No newline at end of file
utils-resources/test.py
View file @ bb84ec81
import geopandas as gpd import geopandas as gpd
import matplotlib.pyplot as plt import matplotlib.pyplot as plt
import matplotlib.font_manager as fm
title_font = fm.FontProperties(family='Arial', style='normal', size=12, weight='normal', stretch='normal')
# pre Step: getting the path lineString coordinates
import requests
api_url = "http://localhost:3000/getGuidedImage?productCoordinates=[104.5,%202]&startingPointCoordinates=[100,%201.35]"
response = requests.get(api_url)
coordinates = response.json()
print(str(coordinates))
# Step 1: Read the GeoJSON file using GeoPandas # Step 1: Read the GeoJSON file using GeoPandas
# https://en.wikipedia.org/wiki/GeoJSON # https://en.wikipedia.org/wiki/GeoJSON
geojson_file = "./sample.json" geojson_file = "./floorPlan.json"
geojson_str = '''
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": { "type": "Point", "coordinates": [102.0, 0.5] },
"properties": { "prop0": "value0" }
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[101.1, 0.0],
[104.0, 0.0],
[104.0, 1.0],
[101.1, 1.0],
[101.1, 0.0]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[104.1, 0.0],
[107.0, 0.0],
[107.0, 1.0],
[104.1, 1.0],
[104.1, 0.0]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 0.0],
[101.0, 0.0],
[101.0, 1.0],
[100.0, 1.0],
[100.0, 0.0]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 1.7],
[102.0, 1.7],
[102.0, 3.0],
[100.0, 3.0],
[100.0, 1.7]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[102.1, 1.7],
[103.1, 1.7],
[103.1, 3.0],
[102.1, 3.0],
[102.1, 1.7]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 2.4],
[104.5, 2.4],
[104.5, 3.0],
[103.2, 3.0],
[103.2, 2.4]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 1.7],
[104.5, 1.7],
[104.5, 2.3],
[103.2, 2.3],
[103.2, 1.7]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[105.2, 1.7],
[107.0, 1.7],
[107.0, 3.0],
[105.2, 3.0],
[105.2, 1.7]
]
]
}
},
{ gdf = gpd.read_file(geojson_file)
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 3.6],
[101.4, 3.6],
[101.4, 4.9],
[100.0, 4.9],
[100.0, 3.6]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[102.1, 3.6],
[103.1, 3.6],
[103.1, 4.9],
[102.1, 4.9],
[102.1, 3.6]
]
]
},
"properties": {
"prop0": "value0",
"prop1": { "this": "that" }
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[103.2, 3.6],
[104.5, 3.6],
[104.5, 4.9],
[103.2, 4.9],
[103.2, 3.6]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[105.2, 3.6],
[107.0, 3.6],
[107.0, 4.9],
[105.2, 4.9],
[105.2, 3.6]
]
]
}
},
{
"type": "Feature",
"geometry": {
"type": "MultiPoint",
"coordinates": [
[101.75, 5],
[101.75, 4.3],
[101.4, 4.3],
[100.5, 3.3],
[100.5, 3.0],
[100, 3.3],
[101.75, 3.3],
[104.85, 3.3],
[102.7, 3.3],
[102.7, 3.6],
[102.7, 3.0],
[103.7, 3.3],
[103.7, 3.6],
[103.7, 3.0],
[106.2, 3.3],
[107, 3.3],
[106.2, 3.0],
[104.85, 4.3],
[105.2, 4.3],
[104.85, 5],
[104.85, 2],
[104.50, 2],
[104.85, 1.35],
[105.5, 1.35],
[105.5, 1.0],
[107, 1.35],
[102.5, 1.35],
[102.5, 1.0],
[100.5, 1.35],
[100.5, 1.0],
[100, 1.35]
]
}
},'''+''' {
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates":
'''+str(coordinates)+'''
}
}
'''+'''
]
}'''
gdf = gpd.read_file(geojson_str, driver='GeoJSON')
# gdf = gpd.read_file(geojson_file)
# How to place the geometrycs in a non empty png with the plan/map of the store. # How to place the geometrycs in a non empty png with the plan/map of the store.
...@@ -296,6 +16,20 @@ gdf = gpd.read_file(geojson_str, driver='GeoJSON') ...@@ -296,6 +16,20 @@ gdf = gpd.read_file(geojson_str, driver='GeoJSON')
fig, ax = plt.subplots(figsize=(10, 10)) fig, ax = plt.subplots(figsize=(10, 10))
gdf.plot(ax=ax) gdf.plot(ax=ax)
ax.set_title('Store floor map', fontproperties=title_font)
gdf.apply(lambda x:
ax.annotate(text=x['prop0'],
xy=(x.geometry.centroid.x, x.geometry.centroid.y+0.1),
ha='center')
if x['type']=='gate' else
ax.annotate(text=x['prop0'],
xy=(x.geometry.centroid.x, x.geometry.centroid.y),
bbox=dict(boxstyle='round', color='k', fc='w', alpha=0.8),
ha='center'),
axis=1)
# Step 3: Save the plot as a PNG file # Step 3: Save the plot as a PNG file
output_png = "sample-map.png" output_png = "sample-map.png"
plt.savefig(output_png, dpi=300, bbox_inches='tight') plt.savefig(output_png, dpi=300, bbox_inches='tight')
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment