Встройте Google Map в страницу HTML на основе координат GPS
У меня есть фотогалерея PHP, которая читает координаты GPS из изображений. Я хотел бы изменить его, чтобы использовать координаты и включать карту Google на фото странице. Существует ли простой способ отобразить карту Google на странице HTML путем предоставления просто этой пары информации?
Спасибо.
3 ответа
Ниже приведено несколько примеров, которые могут помочь вам начать работу:
Использование Google Maps API v2:
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.google.com/maps?file=api&v=2&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 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(). Приведенный выше пример должен быть понятным.
Использование 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;" />
API Static Map, как предложил luca, может быть очень хорошей идеей.
Просто передайте параметры широты и долготы в тег изображения, как в примере выше. Он будет отображать карту ниже, непосредственно отображаемую из Google:
использовать статическую карту Google, вы должны предоставить только некоторую дополнительную информацию
он показывает только изображение карты
вот ссылка на API
https://developers.google.com/maps/documentation/maps -static / intro
при необходимости есть много других опций
Поскольку вы используете PHP, вы также можете использовать класс PHP Google Map API , который также только что был обновлен для использования V3 JS API Карт Google.