Подтвердить что ты не робот

Вставка карты Google в HTML-страницу на основе координат GPS

У меня есть фотогалерея PHP, которая считывает координаты GPS с изображений. Я хотел бы изменить его, чтобы использовать координаты и включить карту google на страницу с фотографиями. Есть ли простой способ отображения карты google на HTML-странице, поставляя именно эту пару информации?

Спасибо.

4b9b3361

ОТВЕТЫ

Ответ 1

Ниже приведены несколько примеров, которые помогут вам начать работу:

Использование API Google Maps 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(). Последним параметром является уровень масштабирования.

Использование API Google Maps 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 API Карт вам необходимо передать свои параметры в качестве параметров конструктору google.maps.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;" />

API статической карты, поскольку luca предложил, может быть очень хорошим идея.

Просто передайте параметры широты и долготы в теге изображения, как в приведенном выше примере. Он отобразит приведенную ниже карту, непосредственно отображаемую в Google:

Using the Static Maps API

Ответ 2

использовать статическую карту Google, вы должны предоставить только некоторую дополнительную информацию

http://maps.google.com/maps/api/staticmap?center=51.477222,0&zoom=14&size=400x400&sensor=false

это только показать изображение карты

вот ссылка на API

https://developers.google.com/maps/documentation/maps-static/intro

Есть много других вариантов, если это необходимо

Ответ 3

Поскольку вы используете PHP, вы также можете использовать класс API API Google Карт, который также был просто обновлен, чтобы использовать V3 API-интерфейсов API Google Maps.