react | get latitude and longitude react/javascript

Just a Web Code Solution

Step 1. Your question relates to:

Step 2. Type a keyword:

How to get latitude and longitude using react/javascript ?

549

REACT

<!DOCTYPE html>
<html>
<head>
<script src="https://fb.me/react-0.14.3.min.js "></script>
<script src="https://fb.me/react-dom-0.14.3.min.js "></script>
</head>
<body>

<script type="text/javascript">

function YourPosition(myposition)

{
var lat1 = myposition.coords.latitude;
var lng1 = myposition.coords.longitude;

alert ("latitude " + lat1 + ",longitude " + lng1);

}

var Hello = React.createClass({
myClick: function () {
if(navigator.geolocation)
navigator.geolocation.getCurrentPosition(YourPosition);
else
alert("something was wrong");
},
render: function () {
return React.createElement("button",{onClick: this.myClick}, "click");
}
});

ReactDOM.render(React.createElement(Hello), document.getElementsByTagName('body')[0]);

</script>

</script>

</body>
</html>

By Created 21 months ago

The power of the user (%)

63%

REACT

// this works nice using jquery ajax
<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div id="country-div"></div>

<script src="https://fb.me/react-0.14.3.min.js "></script>
<script src="https://fb.me/react-dom-0.14.3.min.js "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/babel">

var MyCountry = React.createClass({
render: function() {
return (
<p>{this.props.a}</p>
);
}
});

// using jquery ajax
$.get("https://geoip-db.com/json/geoip.php?jsonp=?", function(response) {
var a;
var b = "lat: " + response.latitude + " long: " + response.longitude;

ReactDOM.render(
<MyCountry a={b}/>,
document.getElementById('country-div')
);

}, "json");

</script>

</body>
</html>