{"id":87977,"date":"2024-12-12T21:21:26","date_gmt":"2024-12-12T17:51:26","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/how-to-recreate-the-iconic-pegman-from-google-maps-mi7\/"},"modified":"2024-12-12T21:21:26","modified_gmt":"2024-12-12T17:51:26","slug":"how-to-recreate-the-iconic-pegman-from-google-maps-mi7","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/how-to-recreate-the-iconic-pegman-from-google-maps-mi7\/","title":{"rendered":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0622\u062f\u0645\u06a9 \u0646\u0645\u0627\u062f\u06cc\u0646 \u0631\u0627 \u0627\u0632 \u0646\u0642\u0634\u0647 \u06af\u0648\u06af\u0644 \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0627\u06cc\u0646 \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u06a9\u0648\u0686\u06a9 \u0627\u0633\u062a \u06a9\u0647 \u0645\u062f\u062a \u0632\u06cc\u0627\u062f\u06cc \u0627\u0633\u062a \u0645\u06cc \u062e\u0648\u0627\u0647\u0645 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u0645. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u062a\u0648\u0627\u0646\u0633\u062a\u0645 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0646\u0645\u0627\u062f\u06cc\u0646 \u0631\u0627 \u0627\u0632 Google Maps \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u06a9\u0646\u0645: \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u06a9\u0634\u06cc\u062f\u0646 \u0648 \u0631\u0647\u0627 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u067e\u0633\u0631 \u06a9\u0648\u0686\u06a9\u060c \u0645\u0639\u0631\u0648\u0641 \u0628\u0647 \u0622\u062f\u0645\u06a9\u060c \u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0628\u0647 \u0646\u0645\u0627\u06cc \u062e\u06cc\u0627\u0628\u0627\u0646.<\/p>\n

TL; DR\u0646\u0645\u0627\u062f \u06a9\u0648\u0686\u06a9 \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u06af\u0648\u0634\u0647 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u067e\u0627\u06cc\u06cc\u0646 \u0631\u0627 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0631\u062f\u0647 \u0648 \u0628\u06a9\u0634\u06cc\u062f:<\/p>\n

HTML<\/p>\n

\u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a. \u0645\u0646 \u062f\u0627\u0631\u0645:<\/p>\n

\u0627\u0644\u0641 #map \u0628\u0631\u0627\u06cc \u062e\u062f\u0645\u062a \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0638\u0631\u0641 (\u0628\u0627 \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0627\u0639\u0645\u0627\u0644 \u0634\u062f\u0647).
\n\u0627\u0644\u0641 #pegman-container \u062f\u0631 \u06af\u0648\u0634\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0647 \u0627\u0633\u062a.
\n\u0631\u0627 #pegman \u062e\u0648\u062f \u0639\u0646\u0635\u0631 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0642\u0627\u0628\u0644 \u06a9\u0634\u06cc\u062f\u0646.<\/p>\n

id=”map”>
\n id=”pegman-container”>
\n id=”pegman”> <\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

CSS<\/p>\n

\u062a\u0639\u06cc\u06cc\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u06a9\u062f \u0645\u0646\u0628\u0639 \u0628\u0627\u0644\u0627 \u0645\u06cc \u0628\u06cc\u0646\u06cc\u062f\u060c \u0627\u0645\u0627 \u0645\u0647\u0645\u062a\u0631\u06cc\u0646 \u0628\u062e\u0634 \u0627\u06cc\u0646 \u0627\u0633\u062a rotate \u062f\u0627\u0631\u0627\u06cc\u06cc \u0627\u06cc\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u0634\u0648\u062f:<\/p>\n

#pegman {
\n \/* other styles *\/
\n rotate: var(–r);
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0631\u0627 rotate \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0627\u0631\u0632\u0634 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631\u060c \u06a9\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0628\u0647 \u0622\u0646 \u062e\u0648\u0627\u0647\u06cc\u0645 \u067e\u0631\u062f\u0627\u062e\u062a.<\/p>\n

\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/p>\n

\u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0645\u06cc \u0686\u0631\u062e\u062f. \u062f\u0633\u062a\u0647 \u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a:<\/p>\n

\u06af\u0648\u0634 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u0645\u0627\u0648\u0633
\n\u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0648 \u0686\u0631\u062e\u0634 \u0622\u062f\u0645\u06a9 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627.
\n\u0627\u0641\u0632\u0648\u062f\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0647\u0627\u06cc \u0631\u0648\u0627\u0646 \u0628\u0631\u0627\u06cc UX \u0628\u0647\u062a\u0631.<\/p>\n

const pegman = document.querySelector(‘#pegman’);
\nlet isDragging = false;
\nlet initialX = 0;
\nlet initialY = 0;
\nlet inactivityTimeout;
\nlet lastX = 0;
\nconst timeout = 25;
\nconst maxDegrees = 50;<\/p>\n

\/\/ Event listeners
\npegman.addEventListener(‘mousedown’, onMouseDown);
\ndocument.addEventListener(‘mousemove’, onMouseMove);
\ndocument.addEventListener(‘mouseup’, onMouseUp);<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0647\u0631 \u062a\u0627\u0628\u0639 \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u0645:<\/p>\n

\u0631\u0648\u06cc \u0645\u0627\u0648\u0633 \u067e\u0627\u06cc\u06cc\u0646<\/p>\n

\u0627\u06cc\u0646 \u06a9\u0627\u0631 \u06a9\u0634\u06cc\u062f\u0646 \u0631\u0627 \u0628\u0627 \u062b\u0628\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0648\u0644\u06cc\u0647 \u0645\u0627\u0648\u0633 \u0648 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0622\u0646 \u0622\u063a\u0627\u0632 \u0645\u06cc \u06a9\u0646\u062f isDragging \u067e\u0631\u0686\u0645<\/p>\n

const onMouseDown = (e) => {
\n isDragging = true;
\n initialX = e.clientX;
\n initialY = e.clientY;
\n};<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0631\u0648\u06cc MouseMove<\/p>\n

\u0627\u06cc\u0646 \u062d\u0631\u06a9\u062a \u0648 \u0686\u0631\u062e\u0634 \u0622\u062f\u0645\u06a9 \u0631\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u06a9\u0634\u06cc\u062f\u0646 \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n

\u0686\u0631\u062e\u0634 \u062f\u0631 \u06cc\u06a9 \u0645\u062d\u062f\u0648\u062f\u0647 \u0628\u0627\u0642\u06cc \u0645\u06cc \u0645\u0627\u0646\u062f (\u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0632\u0648\u0627\u06cc\u0627\u06cc \u0634\u062f\u06cc\u062f \u0645\u0627\u0646\u0646\u062f \u067e\u0631\u0648\u0627\u0632 \u0633\u0648\u067e\u0631\u0645\u0646).
\n\u0631\u0627 rotate \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0627\u0631\u0632\u0634 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 –r.<\/p>\n

const onMouseMove = (e) => {
\n if (!isDragging) return;
\n \/\/ only runs if the onMouseMove was fired<\/p>\n

const dy = e.clientY – initialY;
\n const dx = e.clientX – initialX;<\/p>\n

\/\/ Limit rotation range
\n let rx = Math.max(-maxDegrees, Math.min(maxDegrees, dx – lastX));
\n pegman.setAttribute(‘style’, `–r: ${rx}deg`);<\/p>\n

\/\/ Animate Pegman’s position
\n pegman.animate({ translate: `${dx}px ${dy}px` }, {
\n duration: 100,
\n fill: ‘forwards’,
\n });<\/p>\n

\/\/ Reset rotation after inactivity
\n clearTimeout(inactivityTimeout);
\n inactivityTimeout = setTimeout(() => {
\n lastX = dx;
\n pegman.setAttribute(‘style’, `–r: 0deg`);
\n }, timeout);
\n};<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

onMouseUp<\/p>\n

\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u06a9\u0634\u06cc\u062f\u0646 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u06a9\u0646\u062f\u060c \u0648\u0636\u0639\u06cc\u062a \u0622\u062f\u0645\u06a9 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n

\u0686\u0631\u062e\u0634 \u0628\u0647 0 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f.
\n\u0622\u062f\u0645\u06a9 \u0628\u0647 \u0622\u0631\u0627\u0645\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0648\u0644\u06cc\u0647 \u062e\u0648\u062f \u0628\u0627\u0632 \u0645\u06cc \u06af\u0631\u062f\u062f.<\/p>\n

const onMouseUp = () => {
\n isDragging = false;<\/p>\n

\/\/ Reset rotation
\n pegman.setAttribute(‘style’, `–r: 0`);<\/p>\n

\/\/ Animate Pegman back to its original position
\n pegman.animate({ translate: `0px 0px` }, {
\n duration: 500,
\n fill: ‘forwards’,
\n easing: ‘ease’,
\n });<\/p>\n

\/\/ Clear residual state
\n inactivityTimeout = setTimeout(() => {
\n lastX = 0;
\n }, timeout);
\n};<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0641\u06a9\u0627\u0631 \u0646\u0647\u0627\u06cc\u06cc<\/p>\n

\u0627\u06cc\u0646 \u0642\u0637\u0639\u0647 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0646\u0645\u0627\u062f\u06cc\u0646 \u0631\u0627 \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u06a9\u0646\u0646\u062f. \u062e\u0648\u0631\u0627\u06a9\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc:<\/p>\n

\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0633\u0641\u0627\u0631\u0634\u06cc CSS (\u0645\u0627\u0646\u0646\u062f –r) \u0627\u0633\u062a\u0627\u06cc\u0644 \u0631\u0627 \u067e\u0648\u06cc\u0627 \u0648 \u0642\u0627\u0628\u0644 \u06a9\u0646\u062a\u0631\u0644 \u0646\u06af\u0647 \u0645\u06cc \u062f\u0627\u0631\u062f.
\n\u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0686\u0631\u062e\u0634\u060c \u062d\u0633 \u0635\u06cc\u0642\u0644\u06cc \u0648 \u0637\u0628\u06cc\u0639\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f.
\n\u062a\u0627\u06cc\u0645 \u0627\u0648\u062a \u0647\u0627 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0647\u0627\u06cc \u0633\u0628\u06a9 \u06a9\u0646\u0646\u062f\u0647\u060c \u0648\u0627\u0642\u0639 \u06af\u0631\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0647 \u062d\u0631\u06a9\u062a \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n

\u0628\u0627 \u062e\u06cc\u0627\u0644 \u0631\u0627\u062d\u062a CodePen \u0631\u0627 \u0686\u0646\u06af\u0627\u0644 \u06a9\u0646\u06cc\u062f\u060c \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0646\u0638\u0631 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0645\u0646 \u0628\u06af\u0648\u06cc\u06cc\u062f! \ud83d\ude80\ud83d\uddfa\ufe0f<\/p>\n

\u0627\u062a\u0641\u0627\u0642\u0627…<\/p>\n

\u0645\u0646 \u0627\u0632 sprites \u0627\u0635\u0644\u06cc \u06af\u0648\u06af\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645 \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646\u062c\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0648 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f:<\/p>\n

\u0622\u06cc\u0627 \u0645\u06cc \u062f\u0627\u0646\u0633\u062a\u06cc\u062f\u061f \u2728 \u0645\u06a9\u0627\u0646 Google Maps \u06a9\u0647 \u0645\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645 \u0631\u0648\u0633\u062a\u0627\u06cc \u0628\u0627\u0628\u0627 \u0646\u0648\u0626\u0644 \u0648\u0627\u0642\u0639\u06cc \u0627\u0633\u062a! \u0648\u0627\u0642\u0639\u06cc\u062a \u062c\u0627\u0644\u0628: \u0646\u0627\u0645 \u0641\u0646\u0644\u0627\u0646\u062f\u06cc \u0628\u0627\u0628\u0627\u0646\u0648\u0626\u0644 Joulupukki \u0627\u0633\u062a \u0648 \u0627\u0648 \u0627\u0635\u0627\u0644\u062a\u0627\u064b \u0641\u0646\u0644\u0627\u0646\u062f \u0627\u0633\u062a \ud83c\udf85\ud83c\udffb\ud83c\udf84<\/p>\n

\n

\u0627\u06cc\u0646 \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u06a9\u0648\u0686\u06a9 \u0627\u0633\u062a \u06a9\u0647 \u0645\u062f\u062a \u0632\u06cc\u0627\u062f\u06cc \u0627\u0633\u062a \u0645\u06cc \u062e\u0648\u0627\u0647\u0645 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u0645. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u062a\u0648\u0627\u0646\u0633\u062a\u0645 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0646\u0645\u0627\u062f\u06cc\u0646 \u0631\u0627 \u0627\u0632 Google Maps \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u06a9\u0646\u0645: \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u06a9\u0634\u06cc\u062f\u0646 \u0648 \u0631\u0647\u0627 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u067e\u0633\u0631 \u06a9\u0648\u0686\u06a9\u060c \u0645\u0639\u0631\u0648\u0641 \u0628\u0647 \u0622\u062f\u0645\u06a9<\/strong>\u060c \u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0628\u0647 \u0646\u0645\u0627\u06cc \u062e\u06cc\u0627\u0628\u0627\u0646.<\/p>\n

TL; DR
\u0646\u0645\u0627\u062f \u06a9\u0648\u0686\u06a9 \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u06af\u0648\u0634\u0647 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u067e\u0627\u06cc\u06cc\u0646 \u0631\u0627 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0631\u062f\u0647 \u0648 \u0628\u06a9\u0634\u06cc\u062f:<\/em>