PHP Lang
  1. PHP Lang
  3. Вставка карты Google в HTML-страницу на основе координат GPS
Intereting Posts
Будет ли PHP sha1 () и MySQL SHA () получить тот же результат? Преобразование пикселей в точки для pdf Как аккуратно обрабатывать исключения в командах Artisan CodeIgniter – Загрузка CSS Не удается отправить почту через PHPMailer Создание многоцветной полосы в PHPExcel Charts MySQL / PHP Вставка одной и той же строки дважды Ошибка внутреннего сервера Trigger 500 в PHP и отображение страницы с ошибкой Apache ffmpeg-индикатор кодирования видео Регулярное выражение для анализа ytube yid Зарезервированное имя в mysql Как сбросить запрос SoapClient для отладки? Как совместить с regex все специальные символы, кроме «-» в PHP? Как преобразовать строку, которая выглядит как шестнадцатеричный номер, в фактический шестнадцатеричный номер в php? Заголовки HTTP для загрузки файлов

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

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

Благодарю.

Solutions Collecting From Web of "Вставка карты Google в HTML-страницу на основе координат GPS"

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

Использование API Карт Google 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 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:

Использование API статических карт

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

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

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

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

http://code.google.com/intl/it-IT/apis/maps/documentation/staticmaps/#Latlons

при необходимости есть много других вариантов

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