javascript - 在 php 中显示谷歌地图
问题描述
我是 php 新手,我正在尝试使用动态坐标显示谷歌地图位置。这是我进行查询的代码:
$longitudine="select longitudine from sedi, stati, tappe, spedizioni where $idSpedizione=tappe.spedizione and tappe.stato=idStato and sedi.citta=tappe.luogoInizio group by data desc limit 1;";
$longi=$conn->query($longitudine);
$longg=mysqli_fetch_array ($longi);
$latitudine="select latitudine from sedi, stati, tappe, spedizioni where $idSpedizione=tappe.spedizione and tappe.stato=idStato and sedi.citta=tappe.luogoInizio group by data desc limit 1;";
$lati=$conn->query($latitudine);
$lat=mysqli_fetch_array ($lati);
这是代码:
<style>
#map {
height: 400px;
width: 100%;
}
</style>
<div id="map"></div>
<script>
function initMap() {
var uluru = { lat: 47.37, lng: 9.200000 };
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 8,
center: uluru,
});
var marker = new google.maps.Marker({
position: uluru,
map: map,
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&callback=initMap&libraries=&v=weekly"
></script>
基本上我想用查询的值设置坐标,但是当我尝试时它没有显示地图。谁能帮我?
解决方案
如果您的 php 和上面的脚本代码都在同一页面上,您可以将 php 变量添加到脚本的uluru
变量中,如下所示:
var uluru = { lat: <?php echo floatval($lat["latitudine"]) ?>, lng: <?php echo floatval($longg["longitudine"]) ?> };
请注意,它不是将 php 变量添加到脚本代码的标准方法,但它可能适用于您的代码。你可以试试。
PS:请不要像您在问题中那样透露您的 API 密钥。请编辑并将其更改为MY_API_KEY
上述问题中的内容。
推荐阅读
- amazon-web-services - AWS Workspace 安全组出口要求
- typescript - 打字稿:理解联合和交叉类型
- wpf - WPF 在特定列上启动 Datagrid Interaction.Triggers
- c++ - 存储二进制文件的最佳方式是什么
- python - 在 Python 中使用多个对象解析 JSON
- reactjs - 材质 UI 选择覆盖主题中的位置
- javascript - Node.js Express 输入验证“:”之间的两个字符串被接受
- node.js - Angular 与 Oracle
- python - Socket IO 连接自动关闭
- python - Django url 显示错误:未解析的引用