javascript - GPS经纬度
问题描述
我有一些代码来获取纬度和经度,这个代码在本地服务器上工作,但在真实服务器上不工作,为什么?
<body>
<td align="center">{{res.product_id.Arabic_name}}</td>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href='/static/style/file.css'/>
<br><br><br>
<div align="center" style="width=40%" id="bt">
<p><a href="/start/1"><button class="dropbtn" >العربية</button></a></p>
<p><a href="/start/4"><button class="dropbtn">Türk</button></a></p>
<p><a href="/start/2"><button class="dropbtn">ENGLISH</button></a></p>
<p><a href="/start/3"><button class="dropbtn">Русский</button></a></p>
</div>
<center><h2 id="loc" style="visibility:hidden">أنت بعيد عن المقهى يرجى
التواجد في المقهى لتشغيل النظام</h2></center>
<p name="lat" id="demo" style="visibility:hidden" ></p>
<p name="long" id="demo1" style="visibility:hidden"></p>
<script>
var x = document.getElementById("demo");
var y = document.getElementById("demo1");
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
function showPosition(position) {
x.innerHTML = position.coords.latitude
y.innerHTML= position.coords.longitude;
var L=position.coords.latitude
var K=position.coords.longitude;
if ((L !=21.556428800000003)||(K!=39.211827199999995)) {
document.getElementById("bt").style.display = 'none';
document.getElementById("loc").style.visibility = 'visible';
}
}
</script>
</body>
{% endblock %}
</html>
解决方案
我不确定这有多相关,但如果您使用服务器端语言(您提到本地与“真实”服务器),PHP 有一个处理纬度和经度的库,您甚至可以进行一些计算与价值观。
https://packagist.org/packages/mjaschen/phpgeo
如果您使用 Composer 和 PHP 来安装依赖项,那么就像在命令行中输入“composer require mjaschen/phpgeo”一样简单。如果您不熟悉 Composer,请看这里:https ://getcomposer.org/
推荐阅读
- reactjs - 为数组中的每个元素赋予不同的样式 React native
- android - AndroidManifest.xml 无法解析符号 TODO 样式和可绘制对象
- c# - 创建基于客户端 websocket 的控制台应用程序
- python - 我正在使用 xarray 绘制等高线图。有没有办法不包括原始颜色条但仍保留等高线图?
- vue.js - 如何避免在类似的 Vue 组件中重复 props?
- javascript - Vuetify中展开的v-data-table折叠时触发方法
- math - 基于不相等数量的离散观察的排名
- svelte - 如果不生产,则添加苗条的组件
- node.js - 如何使用“Flat Json”-Bootstrap 5 Table 示例与 ejs + nodejs + expressjs
- keras - 如何创建自定义 keras 生成器以适应多个输出并使用工作人员