{"id":3075,"date":"2021-08-27T20:00:55","date_gmt":"2021-08-27T15:30:55","guid":{"rendered":"http:\/\/rabsana.ir\/tutorials\/?p=3075"},"modified":"2021-08-27T19:43:43","modified_gmt":"2021-08-27T15:13:43","slug":"how-to-use-geolocation-call-in-reactjs","status":"publish","type":"post","link":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolocation-call-in-reactjs\/","title":{"rendered":"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f"},"content":{"rendered":"<p>\u06af\u0627\u0647\u06cc \u0627\u0648\u0642\u0627\u062a \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u06a9\u0647 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc (\u0645\u062b\u0644 \u0639\u0631\u0636 \u0648 \u0637\u0648\u0644 \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc) \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a \u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0627\u0644 \u0634\u0648\u0646\u062f.<\/p>\n<p>\u062e\u0635\u0648\u0635\u06cc\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u0641\u0639\u0644\u06cc \u0648 \u06cc\u0627 \u0645\u0648\u0642\u0639\u06cc\u062a \u06cc\u06a9 \u0632\u0645\u0627\u0646 \u0645\u0634\u062e\u0635 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0645\u06cc\u062f\u0647\u062f \u0648 \u0633\u0631\u0648\u06cc\u0633 \u0647\u0627\u06cc \u062e\u0627\u0635 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0627\u062d\u06cc\u0647 \u0648 \u0645\u0646\u0637\u0642\u0647 \u0634\u0627\u0646 \u0641\u0631\u0627\u0647\u0645 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u06a9\u0646\u062f.<\/p>\n<p>\u0628\u0637\u0648\u0631 \u06a9\u0644\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u0627\u06cc\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u0627 \u06cc\u0648\u0632\u0631 \u0631\u0627 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u062f\u0647\u062f:<\/p>\n<ul>\n<li>\u0645\u0648\u0642\u0639\u06cc\u062a \u0641\u0639\u0644\u06cc | Current position<\/li>\n<li>\u0627\u0631\u062a\u0641\u0627\u0639 | Altitude<\/li>\n<li>\u0645\u06cc\u0632\u0627\u0646 \u0633\u0631\u0639\u062a | Velocity speed<\/li>\n<li>\u0645\u0633\u06cc\u0631 \u062d\u0631\u06a9\u062a | Direction of movement<\/li>\n<li>\u062f\u0642\u062a \u0633\u0631\u0639\u062a | Speed accuracy<\/li>\n<li>\u0645\u0647\u0631 \u0632\u0645\u0627\u0646 | Timestamp<\/li>\n<\/ul>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0634\u0645\u0627 \u06cc\u0627\u062f \u0645\u06cc \u06af\u06cc\u0631\u06cc\u062f \u06a9\u0647 \u0686\u0637\u0648\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f \u0648 \u0633\u067e\u0633 \u0622\u0646 \u0631\u0627 \u0622\u067e\u062f\u06cc\u062a \u06a9\u0646\u06cc\u062f.<\/p>\n<h2><strong>\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc<\/strong><\/h2>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 API \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u062f\u0633\u062a\u0648\u0631 navigator.geolocation \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u062f\u0647\u062f \u06a9\u0647 \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u06a9 \u0633\u0648\u0627\u0644 \u0631\u0627\u062c\u0628 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0627\u0634 \u0628\u067e\u0631\u0633\u06cc\u062f. \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u062f\u060c \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0627\u0648 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n<p>\u062f\u0648 \u0645\u062a\u062f \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f:<\/p>\n<ul>\n<li>() geolocation.getCurrentPosition<\/li>\n<li>() geolocation.watchPosition<\/li>\n<\/ul>\n<p>\u062f\u0631 \u0627\u0648\u0644\u06cc\u0646 \u0642\u062f\u0645 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0632\u06cc\u0631 \u0686\u06a9 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0641\u0639\u0627\u0644 \u0648 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a \u06cc\u0627 \u0646\u0647:<\/p>\n<pre>1<code class=\"language-jsx\"><span class=\"token\"> componentDidMount<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2<\/span>    <span class=\"token control-flow\">if<\/span> <span class=\"token\">(<\/span><span class=\"token\">\"geolocation\"<\/span> <span class=\"token\">in<\/span> <span class=\"token dom\">navigator<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">3<\/span>      <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span><span class=\"token\">\"Available\"<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">4<\/span>    <span class=\"token\">}<\/span> <span class=\"token control-flow\">else<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">5<\/span>      <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span><span class=\"token\">\"Not Available\"<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">6<\/span>    <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">7<\/span>  <span class=\"token\">}<\/span><\/code><\/pre>\n<p>\u0627\u06af\u0631 \u062f\u0631 \u062e\u0631\u0648\u062c\u06cc \u06a9\u062f \u0628\u0627\u0644\u0627 \u0646\u062a\u06cc\u062c\u0647 ture \u0628\u0648\u062f\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u062f\u0631 \u063a\u06cc\u0631 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u06a9\u0627\u0631\u0628\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0627\u0634 \u0631\u0627 \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0647.<\/p>\n<h2><strong>\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc<\/strong><\/h2>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062a\u062f () navigator.getCurrentPosition \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0641\u0639\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<pre>1<code class=\"language-jsx\"><span class=\"token module\">import<\/span> <span class=\"token imports maybe-class-name\">React<\/span><span class=\"token imports\">,<\/span> <span class=\"token imports\">{<\/span> <span class=\"token imports maybe-class-name\">Component<\/span> <span class=\"token imports\">}<\/span> <span class=\"token module\">from<\/span> <span class=\"token\">\"react\"<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2<\/span><span class=\"token module\">import<\/span> <span class=\"token imports\">{<\/span><span class=\"token imports\"> render <\/span><span class=\"token imports\">}<\/span> <span class=\"token module\">from<\/span> <span class=\"token\">\"react-dom\"<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">3<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">4<\/span><span class=\"token\">class<\/span> <span class=\"token class-name\">App<\/span> <span class=\"token\">extends<\/span> <span class=\"token class-name\">Component<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">5<\/span>  <span class=\"token\">constructor<\/span><span class=\"token\">(<\/span><span class=\"token parameter\">props<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">6<\/span>    <span class=\"token\">super<\/span><span class=\"token\">(<\/span>props<span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">7<\/span>    <span class=\"token\">this<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">state<\/span> <span class=\"token\">=<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">8<\/span>    <span class=\"token\">}<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">9<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">10<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">11<\/span>  <span class=\"token\">componentDidMount<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">12<\/span>    <span class=\"token dom\">navigator<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">geolocation<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">getCurrentPosition<\/span><span class=\"token\">(<\/span><span class=\"token\">function<\/span><span class=\"token\">(<\/span><span class=\"token parameter\">position<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">13<\/span>      <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span><span class=\"token\">\"Latitude is :\"<\/span><span class=\"token\">,<\/span> position<span class=\"token\">.<\/span><span class=\"token property-access\">coords<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">latitude<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">14<\/span>      <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span><span class=\"token\">\"Longitude is :\"<\/span><span class=\"token\">,<\/span> position<span class=\"token\">.<\/span><span class=\"token property-access\">coords<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">longitude<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">15<\/span>    <span class=\"token\">}<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">16<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">17<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">18<\/span>  <span class=\"token\">render<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">19<\/span>    <span class=\"token control-flow\">return<\/span> <span class=\"token\">(<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">20<\/span>      <span class=\"token\">&lt;<\/span><span class=\"token\">div<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">21<\/span>        <span class=\"token\">&lt;<\/span><span class=\"token\">h4<\/span><span class=\"token\">&gt;<\/span><span class=\"token plain-text\">Using geolocation JavaScript API in React<\/span><span class=\"token\">&lt;\/<\/span><span class=\"token\">h4<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">22<\/span>      <span class=\"token\">&lt;\/<\/span><span class=\"token\">div<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">23<\/span>    <span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">24<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">25<\/span><span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">26<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">27<\/span><span class=\"token\">render<\/span><span class=\"token\">(<\/span><span class=\"token\">&lt;<\/span><span class=\"token class-name\">App<\/span> <span class=\"token\">\/&gt;<\/span><span class=\"token\">,<\/span> <span class=\"token dom\">document<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">getElementById<\/span><span class=\"token\">(<\/span><span class=\"token\">\"root\"<\/span><span class=\"token\">)<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span><\/code><\/pre>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0628\u0627\u0644\u0627 \u06a9\u0646\u0633\u0648\u0644 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f. \u062e\u0631\u0648\u062c\u06cc \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0628\u0627\u0634\u062f:<\/p>\n<pre>1 <code>Latitude is : xx.xxxxxx\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2 <\/span>Longitude is : xx.xxxxxx<\/code><\/pre>\n<p>\u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0647 \u062c\u0627\u06cc xxx \u0647\u0631 \u0639\u062f\u062f\u06cc \u0645\u06cc\u062a\u0648\u0627\u0646\u062f \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u062f.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u06a9\u0627\u0645\u0644 \u0647\u0631 \u06a9\u0627\u0631\u0628\u0631 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0648\u0627\u0631\u062f \u0648 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<pre>1<code class=\"language-jsx\"><span class=\"token\">componentDidMount<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2<\/span>    <span class=\"token dom\">navigator<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">geolocation<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">getCurrentPosition<\/span><span class=\"token\">(<\/span><span class=\"token\">function<\/span><span class=\"token\">(<\/span><span class=\"token parameter\">position<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">3<\/span>      <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span>position<span class=\"token\">)<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">4<\/span>    <span class=\"token\">}<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">5<\/span>  <span class=\"token\">}<\/span><\/code><\/pre>\n<p>\u062e\u0631\u0648\u062c\u06cc \u06a9\u0647 \u062f\u0631 \u06a9\u0646\u0633\u0648\u0644 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u0634\u0648\u062f \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<pre>1<code>GeolocationPosition {\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2<\/span>    coords: GeolocationCoordinates, \r\n<span class=\"linenumber react-syntax-highlighter-line-number\">3<\/span>    timestamp: 1583849180132\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">4<\/span>    }\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">5<\/span>    coords: { \r\n<span class=\"linenumber react-syntax-highlighter-line-number\">6<\/span>        GeolocationCoordinateslatitude: 19.xxxxxxx\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">7<\/span>        longitude: 73.xxxxxx\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">8<\/span>        altitude: \r\n<span class=\"linenumber react-syntax-highlighter-line-number\">9<\/span>            nullaccuracy: 1158\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">10<\/span>            altitudeAccuracy: null\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">11<\/span>            heading: null\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">12<\/span>            speed: null\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">13<\/span>            __proto__: GeolocationCoordinates\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">14<\/span>        timestamp: 1583849180132\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">15<\/span>    }\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">16<\/span>__proto__: GeolocationPosition<\/code><\/pre>\n<p>\u062f\u0633\u062a\u0648\u0631 getCurrentPosition \u06cc\u06a9 \u0634\u06cc \u0645\u0648\u0641\u0642 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631\u0645\u06cc\u06af\u0631\u062f\u0627\u0646\u062f \u0627\u0645\u0627 \u06cc\u06a9 callback \u06cc\u0627 \u067e\u0627\u0633\u062e \u0645\u062c\u062f\u062f \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u0634\u062a\u060c \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0627\u0633\u062e \u0645\u062c\u062f\u062f \u062e\u0637\u0627 \u0648 \u0627\u0631\u0648\u0631 \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0627\u0631 \u06a9\u062f \u0632\u06cc\u0631 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<pre>1<code class=\"language-jsx\"><span class=\"token\">componentDidMount<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2<\/span>    <span class=\"token dom\">navigator<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">geolocation<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">getCurrentPosition<\/span><span class=\"token\">(<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">3<\/span>      <span class=\"token\">function<\/span><span class=\"token\">(<\/span><span class=\"token parameter\">position<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">4<\/span>        <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span>position<span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">5<\/span>      <span class=\"token\">}<\/span><span class=\"token\">,<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">6<\/span>      <span class=\"token\">function<\/span><span class=\"token\">(<\/span><span class=\"token parameter\">error<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">7<\/span>        <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">error<\/span><span class=\"token\">(<\/span><span class=\"token\">\"Error Code = \"<\/span> <span class=\"token\">+<\/span> error<span class=\"token\">.<\/span><span class=\"token property-access\">code<\/span> <span class=\"token\">+<\/span> <span class=\"token\">\" - \"<\/span> <span class=\"token\">+<\/span> error<span class=\"token\">.<\/span><span class=\"token property-access\">message<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">8<\/span>      <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">9<\/span>    <span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">10<\/span>  <span class=\"token\">}<\/span><\/code><\/pre>\n<p>\u067e\u0627\u0633\u062e \u0645\u062c\u062f\u062f \u06a9\u0647 \u0627\u0631\u0648\u0631 \u0648 \u062e\u0637\u0627 \u062f\u0627\u0631\u062f \u0645\u06cc\u062a\u0648\u0627\u0646\u062f \u062f\u0648\u0628\u0627\u0631\u0647 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u062f. \u0648\u0642\u062a\u06cc \u06a9\u0646\u0633\u0648\u0644 \u0631\u0627 \u0628\u0627\u0632 \u0645\u06cc\u06a9\u0646\u06cc\u062f \u0648 \u0627\u062c\u0627\u0632\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0647 \u0627\u0646 \u0646\u0645\u06cc \u062f\u0647\u06cc\u062f\u060c \u06cc\u06a9 \u062e\u0637\u0627 \u0628\u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f:<\/p>\n<p>Error Code = 1 &#8211; Geolocation has been disabled in this document by Feature Policy<\/p>\n<h3><strong>\u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0631\u06a9\u0627\u062a \u06a9\u0627\u0631\u0628\u0631<\/strong><\/h3>\n<p>\u0645\u062a\u062f getCurrentPosition\u060c \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u062f\u0647\u062f \u06a9\u0647 \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u06a9\u0646\u0648\u0646\u06cc \u06a9\u0627\u0631\u0628\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u0627\u0645\u0627 \u0627\u06af\u0631 \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a\u0634 \u0631\u0627 \u0639\u0648\u0636 \u06a9\u0631\u062f \u0648 \u0628\u0647 \u062c\u0627\u06cc \u062f\u06cc\u06af\u0631\u06cc \u0631\u0641\u062a \u0645\u062a\u062f watchPosition \u0628\u0647 \u062f\u0633\u062a\u06cc\u0627\u0631 \u062a\u0627\u0628\u0639 \u0648\u0635\u0644 \u0645\u06cc\u0634\u0648\u062f \u0648 \u0628\u0647 \u0632\u0648\u062f\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0647\u0627\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u0639\u0645\u0627\u0644 \u0648 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u0634\u0648\u062f.<\/p>\n<p>\u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u06cc \u06a9\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u062f\u06cc\u062f \u062f\u0627\u0631\u0646\u062f\u060c \u0648\u06cc\u0698\u06af\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0622\u0646\u0647\u0627 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0648\u0636\u0639\u06cc\u062a \u0641\u0639\u0644\u06cc \u0622\u067e\u062f\u06cc\u062a \u0648 \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc\u0634\u0648\u062f:<\/p>\n<pre>1<code class=\"language-jsx\"><span class=\"token module\">import<\/span> <span class=\"token imports maybe-class-name\">React<\/span><span class=\"token imports\">,<\/span> <span class=\"token imports\">{<\/span> <span class=\"token imports maybe-class-name\">Component<\/span> <span class=\"token imports\">}<\/span> <span class=\"token module\">from<\/span> <span class=\"token\">\"react\"<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2 <\/span><span class=\"token module\">import<\/span> <span class=\"token imports\">{<\/span><span class=\"token imports\"> render <\/span><span class=\"token imports\">}<\/span> <span class=\"token module\">from<\/span> <span class=\"token\">\"react-dom\"<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">3<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">4<\/span><span class=\"token\">class<\/span> <span class=\"token class-name\">App<\/span> <span class=\"token\">extends<\/span> <span class=\"token class-name\">Component<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">5<\/span>  <span class=\"token\">constructor<\/span><span class=\"token\">(<\/span><span class=\"token parameter\">props<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">6<\/span>    <span class=\"token\">super<\/span><span class=\"token\">(<\/span>props<span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">7<\/span>    <span class=\"token\">this<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">state<\/span> <span class=\"token\">=<\/span> <span class=\"token\">{<\/span><span class=\"token\">}<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">8<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">9<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">10<\/span>  <span class=\"token\">componentDidMount<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">11<\/span>    <span class=\"token control-flow\">if<\/span> <span class=\"token\">(<\/span><span class=\"token dom\">navigator<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">geolocation<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">12<\/span>      <span class=\"token dom\">navigator<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">geolocation<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">watchPosition<\/span><span class=\"token\">(<\/span><span class=\"token\">function<\/span><span class=\"token\">(<\/span><span class=\"token parameter\">position<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">13<\/span>        <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span><span class=\"token\">\"Latitude is :\"<\/span><span class=\"token\">,<\/span> position<span class=\"token\">.<\/span><span class=\"token property-access\">coords<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">latitude<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">14<\/span>        <span class=\"token console class-name\">console<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">log<\/span><span class=\"token\">(<\/span><span class=\"token\">\"Longitude is :\"<\/span><span class=\"token\">,<\/span> position<span class=\"token\">.<\/span><span class=\"token property-access\">coords<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">longitude<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">15<\/span>      <span class=\"token\">}<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">16<\/span>    <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">17<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">18<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">19<\/span>  <span class=\"token\">render<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">20<\/span>    <span class=\"token control-flow\">return<\/span> <span class=\"token\">(<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">21<\/span>      <span class=\"token\">&lt;<\/span><span class=\"token\">div<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">22<\/span>        <span class=\"token\">&lt;<\/span><span class=\"token\">h4<\/span><span class=\"token\">&gt;<\/span><span class=\"token plain-text\">Using geolocation JavaScript API in React<\/span><span class=\"token\">&lt;\/<\/span><span class=\"token\">h4<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">23<\/span>      <span class=\"token\">&lt;\/<\/span><span class=\"token\">div<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">24<\/span>    <span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">25<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">26<\/span><span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">27<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">28<\/span><span class=\"token\">render<\/span><span class=\"token\">(<\/span><span class=\"token\">&lt;<\/span><span class=\"token class-name\">App<\/span> <span class=\"token\">\/&gt;<\/span><span class=\"token\">,<\/span> <span class=\"token dom\">document<\/span><span class=\"token\">.<\/span><span class=\"token method property-access\">getElementById<\/span><span class=\"token\">(<\/span><span class=\"token\">\"root\"<\/span><span class=\"token\">)<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span><\/code><\/pre>\n<p>\u0628\u0639\u062f \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u06a9\u062f \u0628\u0627\u0644\u0627 \u06a9\u0646\u0633\u0648\u0644 \u0631\u0627 \u06a9\u0647 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f\u060c \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u06cc\u062f \u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0627\u067e\u062f\u06cc\u062a \u0634\u062f\u0647 \u0648 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u062f\u06cc\u062f \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u0634\u0648\u062f.<\/p>\n<h4><strong>\u0628\u0639\u062f \u0627\u0632 \u0628\u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0622\u0646 \u0631\u0627 \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f.<\/strong><\/h4>\n<p>\u0646\u0642\u0634\u0647 \u0647\u0627 \u06cc\u06a9 \u0631\u0627\u0647 \u0627\u0628\u062a\u062f\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0633\u062a. \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u062a\u0639\u062f\u0627\u062f\u06cc \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0645\u062b\u0644 \u0639\u0631\u0636 \u0648 \u0637\u0648\u0644 \u062c\u063a\u0631\u0627\u0641\u06cc\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f.<\/p>\n<p><strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0642\u0628\u0644 \u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0642\u0634\u0647 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9 API KEY \u0628\u0631\u0627\u06cc \u06af\u0648\u06af\u0644 \u0645\u067e \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.\u062f\u0631 \u063a\u06cc\u0631 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u06a9\u0627\u0631 \u0646\u0645\u06cc\u06a9\u0646\u062f \u0648 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062e\u0637\u0627 \u0648 \u0627\u0631\u0648\u0631 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u0634\u0648\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0646\u0642\u0634\u0647 \u0632\u06cc\u0631 \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0633\u0631\u06cc\u0639\u0627 \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0631\u0627 \u0627\u0632 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<pre><code class=\"language-shell\"><span class=\"token\">1 npm<\/span> <span class=\"token\">install<\/span> google-maps-react<\/code><\/pre>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u060c \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u06cc\u0627\u0628\u06cc \u0634\u062f\u0647 \u0631\u0627 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u067e\u0627\u06cc\u0647 \u0648 \u0627\u0633\u0627\u0633 \u0634\u0627\u0646 \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u0627\u0646\u062a\u0642\u0627\u0644 \u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648 \u0645\u0648\u0642\u0639\u06cc\u062a \u062f\u0642\u06cc\u0642 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u0634\u0648\u062f.<\/p>\n<p>\u06cc\u06a9 \u0642\u0633\u0645\u062a \u062c\u062f\u06cc\u062f \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u0642\u0637\u0639\u0647 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<pre>1<code class=\"language-jsx\"><span class=\"token module\">import<\/span> <span class=\"token imports maybe-class-name\">React<\/span><span class=\"token imports\">,<\/span> <span class=\"token imports\">{<\/span> <span class=\"token imports maybe-class-name\">Component<\/span> <span class=\"token imports\">}<\/span> <span class=\"token module\">from<\/span> <span class=\"token\">\"react\"<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">2 <\/span><span class=\"token module\">import<\/span> <span class=\"token\">{<\/span> <span class=\"token known-class-name class-name\">Map<\/span><span class=\"token\">,<\/span> <span class=\"token maybe-class-name\">GoogleApiWrapper<\/span><span class=\"token\">,<\/span> <span class=\"token maybe-class-name\">Marker<\/span>  <span class=\"token\">}<\/span> <span class=\"token module\">from<\/span> <span class=\"token\">'google-maps-react'<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">3<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">4<\/span><span class=\"token\">const<\/span> mapStyles <span class=\"token\">=<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">5<\/span>  width<span class=\"token\">:<\/span> <span class=\"token\">'100%'<\/span><span class=\"token\">,<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">6<\/span>  height<span class=\"token\">:<\/span> <span class=\"token\">'100%'<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">7<\/span><span class=\"token\">}<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">8<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">9<\/span><span class=\"token\">class<\/span> <span class=\"token class-name\">Demo1<\/span> <span class=\"token\">extends<\/span> <span class=\"token class-name\">Component<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">10<\/span>  <span class=\"token\">constructor<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">11<\/span>    <span class=\"token\">super<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">12<\/span>    <span class=\"token\">this<\/span><span class=\"token\">.<\/span><span class=\"token property-access\">state<\/span> <span class=\"token\">=<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">13<\/span>      name<span class=\"token\">:<\/span> <span class=\"token\">\"React\"<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">14<\/span>    <span class=\"token\">}<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">15<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">16<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">17<\/span>  <span class=\"token\">render<\/span><span class=\"token\">(<\/span><span class=\"token\">)<\/span> <span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">18<\/span>    <span class=\"token control-flow\">return<\/span> <span class=\"token\">(<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">19<\/span>      <span class=\"token\">&lt;<\/span><span class=\"token\">div<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">20<\/span>        <span class=\"token\">&lt;<\/span><span class=\"token class-name\">Map<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">21<\/span>          <span class=\"token\">google<\/span><span class=\"token script language-javascript script-punctuation\">=<\/span><span class=\"token script language-javascript\">{<\/span><span class=\"token script language-javascript\">this<\/span><span class=\"token script language-javascript\">.<\/span><span class=\"token script language-javascript property-access\">props<\/span><span class=\"token script language-javascript\">.<\/span><span class=\"token script language-javascript property-access\">google<\/span><span class=\"token script language-javascript\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">22<\/span>          <span class=\"token\">zoom<\/span><span class=\"token script language-javascript script-punctuation\">=<\/span><span class=\"token script language-javascript\">{<\/span><span class=\"token script language-javascript\">14<\/span><span class=\"token script language-javascript\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">23<\/span>          <span class=\"token\">style<\/span><span class=\"token script language-javascript script-punctuation\">=<\/span><span class=\"token script language-javascript\">{<\/span><span class=\"token script language-javascript\">mapStyles<\/span><span class=\"token script language-javascript\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">24<\/span>          <span class=\"token\">initialCenter<\/span><span class=\"token script language-javascript script-punctuation\">=<\/span><span class=\"token script language-javascript\">{<\/span><span class=\"token script language-javascript\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">25<\/span><span class=\"token script language-javascript\">            lat<\/span><span class=\"token script language-javascript\">:<\/span> <span class=\"token script language-javascript\">YOUR_LATITUDE<\/span><span class=\"token script language-javascript\">,<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">26<\/span><span class=\"token script language-javascript\">            lng<\/span><span class=\"token script language-javascript\">:<\/span> <span class=\"token script language-javascript\">YOUR_LONGITUDE<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">27<\/span>          <span class=\"token script language-javascript\">}<\/span><span class=\"token script language-javascript\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">28<\/span>        <span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">29<\/span>         <span class=\"token\">&lt;<\/span><span class=\"token class-name\">Marker<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">30<\/span>          <span class=\"token\">onClick<\/span><span class=\"token script language-javascript script-punctuation\">=<\/span><span class=\"token script language-javascript\">{<\/span><span class=\"token script language-javascript\">this<\/span><span class=\"token script language-javascript\">.<\/span><span class=\"token script language-javascript property-access\">onMarkerClick<\/span><span class=\"token script language-javascript\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">31<\/span>          <span class=\"token\">name<\/span><span class=\"token script language-javascript script-punctuation\">=<\/span><span class=\"token script language-javascript\">{<\/span><span class=\"token script language-javascript\">'This is test name'<\/span><span class=\"token script language-javascript\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">32<\/span>        <span class=\"token\">\/&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">33<\/span>        <span class=\"token\">&lt;\/<\/span><span class=\"token class-name\">Map<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">34<\/span>      <span class=\"token\">&lt;\/<\/span><span class=\"token\">div<\/span><span class=\"token\">&gt;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">35<\/span>    <span class=\"token\">)<\/span><span class=\"token\">;<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">36<\/span>  <span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">37<\/span><span class=\"token\">}<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">38<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">39<\/span><span class=\"token module\">export<\/span> <span class=\"token module\">default<\/span> <span class=\"token maybe-class-name\">GoogleApiWrapper<\/span><span class=\"token\">(<\/span><span class=\"token\">{<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">40<\/span>  apiKey<span class=\"token\">:<\/span> <span class=\"token\">'API_KEY'<\/span>\r\n<span class=\"linenumber react-syntax-highlighter-line-number\">41<\/span><span class=\"token\">}<\/span><span class=\"token\">)<\/span><span class=\"token\">(<\/span><span class=\"token maybe-class-name\">Demo1<\/span><span class=\"token\">)<\/span><span class=\"token\">;<\/span><\/code><\/pre>\n<p><strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0627\u0644\u0632\u0627\u0645\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0648\u0633\u06cc\u0644\u0647 \u062f\u0633\u062a\u0648\u0631 API_KEY \u06af\u0648\u06af\u0644 \u0645\u067e \u062a\u0627\u0646 \u0631\u0627 \u0628\u0627 API KEY \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><strong>\u0646\u06a9\u062a\u0647: <\/strong>\u0646\u0642\u0634\u0647 \u0642\u0627\u062f\u0631 \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0646\u06cc\u0633\u062a.<\/p>\n<p>\u06cc\u06a9 \u0646\u0642\u0634\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u0637\u0648\u0644 \u0648 \u0639\u0631\u0636 \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u060c \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u062f\u0642\u06cc\u0642 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u062f. \u06a9\u0647 \u0622\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0634\u062f\u0647 \u062f\u0631 \u0646\u0642\u0634\u0647 \u0639\u0644\u0627\u0645\u062a \u06af\u0630\u0627\u0631\u06cc \u0648 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<h4><strong>\u0631\u0627\u0628\u0637 \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631<\/strong><\/h4>\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0633\u0631\u06cc \u0631\u0627\u0628\u0637 \u0628\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a\u06cc \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0644\u0632\u0627\u0645\u0627\u062a \u062a\u0648\u0627\u0628\u0639 \u0645\u062e\u062a\u0644\u0641 \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a.\u0645\u0627\u0646\u0646\u062f:<\/p>\n<ul>\n<li>Geolocation<\/li>\n<li>GeolocationCoordinates<\/li>\n<li>GeolocationPosition<\/li>\n<li>Navigator.geolocation<\/li>\n<li>GeolocationPositionError<\/li>\n<\/ul>\n<h4><strong>\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/strong><\/h4>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0627\u0632 API \u0647\u0627\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 \u0645\u0648\u0642\u0639\u06cc\u062a \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f . \u0628\u0627 \u062a\u0633\u062a API \u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0648\u0642\u0639\u06cc\u062a \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0648 \u067e\u0631\u062f\u0627\u0632\u0634 \u06a9\u0646\u06cc\u062f \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0631 \u0627\u06cc\u0646 \u0627\u0633\u0627\u0633. \u0627\u06af\u0631 \u0634\u0645\u0627 \u0647\u06cc\u0686 \u06a9\u0648\u0626\u0631\u06cc \u0646\u062f\u0627\u0631\u06cc\u062f\u060c \u0627\u062d\u0633\u0627\u0633 \u0622\u0632\u0627\u062f\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 codealphabet.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u06af\u0627\u0647\u06cc \u0627\u0648\u0642\u0627\u062a \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u06a9\u0647 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc (\u0645\u062b\u0644 \u0639\u0631\u0636 \u0648 \u0637\u0648\u0644 \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc) \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a \u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0627\u0644 \u0634\u0648\u0646\u062f. \u062e\u0635\u0648\u0635\u06cc\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u0641\u0639\u0644\u06cc \u0648 \u06cc\u0627 \u0645\u0648\u0642\u0639\u06cc\u062a \u06cc\u06a9 \u0632\u0645\u0627\u0646 \u0645\u0634\u062e\u0635 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0645\u06cc\u062f\u0647\u062f &hellip;<\/p>\n","protected":false},"author":4,"featured_media":3076,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[73],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.4 (Yoast SEO v18.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f | \u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627<\/title>\n<meta name=\"description\" content=\"\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc\u060c\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc\u060c\u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0631\u06a9\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ReactJS \u060c \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo\u2026-call-in-reactjs\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f\" \/>\n<meta property=\"og:description\" content=\"\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc\u060c\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc\u060c\u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0631\u06a9\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ReactJS \u060c \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo\u2026-call-in-reactjs\" \/>\n<meta property=\"og:site_name\" content=\"\u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-27T15:30:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-27T15:13:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u0645\u0647\u0633\u0627 \u0645\u062d\u0645\u062f\u06cc\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/4ae2a08dbbdf43f1d2e6fe967155aa4b\",\"name\":\"bagher rezvan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#personlogo\",\"inLanguage\":\"fa-IR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/43c698432e5f8e000d945d3945e15b50?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/43c698432e5f8e000d945d3945e15b50?s=96&d=mm&r=g\",\"caption\":\"bagher rezvan\"},\"logo\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#personlogo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#website\",\"url\":\"https:\/\/rabsana.ir\/tutorials\/\",\"name\":\"\u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627\",\"description\":\"\u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0634\u0631\u06a9\u062a \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0631\u0627\u0628\u0633\u0627\u0646\u0627\",\"publisher\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/4ae2a08dbbdf43f1d2e6fe967155aa4b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rabsana.ir\/tutorials\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#primaryimage\",\"inLanguage\":\"fa-IR\",\"url\":\"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp\",\"contentUrl\":\"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp\",\"width\":1200,\"height\":360,\"caption\":\"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#webpage\",\"url\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs\",\"name\":\"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f | \u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627\",\"isPartOf\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#primaryimage\"},\"datePublished\":\"2021-08-27T15:30:55+00:00\",\"dateModified\":\"2021-08-27T15:13:43+00:00\",\"description\":\"\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc\u060c\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc\u060c\u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0631\u06a9\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ReactJS \u060c \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647\",\"breadcrumb\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/rabsana.ir\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#article\",\"isPartOf\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#webpage\"},\"author\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/f95a0ac81e3ccf2f7b115822a7a815cd\"},\"headline\":\"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f\",\"datePublished\":\"2021-08-27T15:30:55+00:00\",\"dateModified\":\"2021-08-27T15:13:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#webpage\"},\"wordCount\":56,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/4ae2a08dbbdf43f1d2e6fe967155aa4b\"},\"image\":{\"@id\":\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp\",\"articleSection\":[\"\u0622\u062e\u0631\u06cc\u0646 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0647\u0627\u06cc \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631\"],\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/f95a0ac81e3ccf2f7b115822a7a815cd\",\"name\":\"\u0645\u0647\u0633\u0627 \u0645\u062d\u0645\u062f\u06cc\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/rabsana.ir\/tutorials\/#personlogo\",\"inLanguage\":\"fa-IR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0910931d9fb93b2b6b0627aa03c9f1c6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0910931d9fb93b2b6b0627aa03c9f1c6?s=96&d=mm&r=g\",\"caption\":\"\u0645\u0647\u0633\u0627 \u0645\u062d\u0645\u062f\u06cc\"},\"url\":\"https:\/\/rabsana.ir\/tutorials\/author\/mahsa-mhmdi\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f | \u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627","description":"\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc\u060c\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc\u060c\u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0631\u06a9\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ReactJS \u060c \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo\u2026-call-in-reactjs","og_locale":"fa_IR","og_type":"article","og_title":"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f","og_description":"\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc\u060c\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc\u060c\u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0631\u06a9\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ReactJS \u060c \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647","og_url":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo\u2026-call-in-reactjs","og_site_name":"\u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627","article_published_time":"2021-08-27T15:30:55+00:00","article_modified_time":"2021-08-27T15:13:43+00:00","twitter_card":"summary_large_image","twitter_image":"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"\u0645\u0647\u0633\u0627 \u0645\u062d\u0645\u062f\u06cc","\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"6 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/4ae2a08dbbdf43f1d2e6fe967155aa4b","name":"bagher rezvan","image":{"@type":"ImageObject","@id":"https:\/\/rabsana.ir\/tutorials\/#personlogo","inLanguage":"fa-IR","url":"https:\/\/secure.gravatar.com\/avatar\/43c698432e5f8e000d945d3945e15b50?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/43c698432e5f8e000d945d3945e15b50?s=96&d=mm&r=g","caption":"bagher rezvan"},"logo":{"@id":"https:\/\/rabsana.ir\/tutorials\/#personlogo"}},{"@type":"WebSite","@id":"https:\/\/rabsana.ir\/tutorials\/#website","url":"https:\/\/rabsana.ir\/tutorials\/","name":"\u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627","description":"\u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0634\u0631\u06a9\u062a \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0631\u0627\u0628\u0633\u0627\u0646\u0627","publisher":{"@id":"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/4ae2a08dbbdf43f1d2e6fe967155aa4b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rabsana.ir\/tutorials\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fa-IR"},{"@type":"ImageObject","@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#primaryimage","inLanguage":"fa-IR","url":"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp","contentUrl":"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp","width":1200,"height":360,"caption":"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f"},{"@type":"WebPage","@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#webpage","url":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs","name":"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f | \u0622\u0645\u0648\u0632\u0634 \u0631\u0627\u0628\u0633\u0627\u0646\u0627","isPartOf":{"@id":"https:\/\/rabsana.ir\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#primaryimage"},"datePublished":"2021-08-27T15:30:55+00:00","dateModified":"2021-08-27T15:13:43+00:00","description":"\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc\u060c\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0641\u0639\u0644\u06cc\u060c\u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0631\u06a9\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ReactJS \u060c \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647","breadcrumb":{"@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/rabsana.ir\/tutorials\/"},{"@type":"ListItem","position":2,"name":"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f"}]},{"@type":"Article","@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#article","isPartOf":{"@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#webpage"},"author":{"@id":"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/f95a0ac81e3ccf2f7b115822a7a815cd"},"headline":"\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u063a\u0631\u0627\u0641\u06cc\u0627\u06cc\u06cc \u062f\u0631 ReactJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f","datePublished":"2021-08-27T15:30:55+00:00","dateModified":"2021-08-27T15:13:43+00:00","mainEntityOfPage":{"@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#webpage"},"wordCount":56,"commentCount":0,"publisher":{"@id":"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/4ae2a08dbbdf43f1d2e6fe967155aa4b"},"image":{"@id":"https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#primaryimage"},"thumbnailUrl":"https:\/\/rabsana.ir\/tutorials\/wp-content\/uploads\/2021\/08\/Geolocation-Call-in-ReactJS.webp","articleSection":["\u0622\u062e\u0631\u06cc\u0646 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0647\u0627\u06cc \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631"],"inLanguage":"fa-IR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rabsana.ir\/tutorials\/how-to-use-geolo%e2%80%a6-call-in-reactjs#respond"]}]},{"@type":"Person","@id":"https:\/\/rabsana.ir\/tutorials\/#\/schema\/person\/f95a0ac81e3ccf2f7b115822a7a815cd","name":"\u0645\u0647\u0633\u0627 \u0645\u062d\u0645\u062f\u06cc","image":{"@type":"ImageObject","@id":"https:\/\/rabsana.ir\/tutorials\/#personlogo","inLanguage":"fa-IR","url":"https:\/\/secure.gravatar.com\/avatar\/0910931d9fb93b2b6b0627aa03c9f1c6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0910931d9fb93b2b6b0627aa03c9f1c6?s=96&d=mm&r=g","caption":"\u0645\u0647\u0633\u0627 \u0645\u062d\u0645\u062f\u06cc"},"url":"https:\/\/rabsana.ir\/tutorials\/author\/mahsa-mhmdi\/"}]}},"_links":{"self":[{"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/posts\/3075"}],"collection":[{"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/comments?post=3075"}],"version-history":[{"count":1,"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/posts\/3075\/revisions"}],"predecessor-version":[{"id":3077,"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/posts\/3075\/revisions\/3077"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/media\/3076"}],"wp:attachment":[{"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/media?parent=3075"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/categories?post=3075"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rabsana.ir\/tutorials\/wp-json\/wp\/v2\/tags?post=3075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}