gpt4 book ai didi

php - 根据 GPS 坐标将 Google Map 嵌入 HTML 页面

转载 作者:IT王子 更新时间:2023-10-28 23:49:41 26 4
gpt4 key购买 nike

我有一个 PHP 照片库,可以从图像中读取 GPS 坐标。我想修改它以使用坐标并在照片页面上包含谷歌地图。是否有一种简单的方法可以通过仅提供这对信息在 HTML 页面上显示谷歌地图?

谢谢。

最佳答案

以下是一些可以帮助您入门的示例:


使用 Google Maps API v2 :

<!DOCTYPE html>
<html>
<head>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
type="text/javascript"></script>
</head>
<body onunload="GUnload()">
<div id="map" style="width: 400px; height: 300px"></div>

<script type="text/javascript">
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(51.49, -0.12), 8);
</script>
</body>
</html>

您只需要在 GMap2.setCenter() 方法中更改纬度和经度。最后一个参数是缩放级别。


使用 Google Maps API v3 :

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<div id="map" style="width: 400px; height: 300px"></div>

<script type="text/javascript">
var myOptions = {
zoom: 8,
center: new google.maps.LatLng(51.49, -0.12),
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map"), myOptions);
</script>
</body>
</html>

使用第 3 版 Maps API 时,您需要将参数作为选项传递给 google.maps.Map() 构造函数。上面的例子应该是不言自明的。


使用 Static Map API :

<img src="https://maps.google.com/maps/api/staticmap?center=51.49,-0.12&zoom=8&size=400x300&sensor=false" style="width: 400px; height: 400px;" />

Static Map API ,如 luca suggested可能是个好主意。

只需在图像标签中传递纬度和经度参数,如上例所示。它将显示下面的 map ,直接从 Google 呈现:

Using the Static Maps API


关于php - 根据 GPS 坐标将 Google Map 嵌入 HTML 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2517736/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com