Размещение маркера и получение значений Lon / Lat на Google Maps - PullRequest
0 голосов
/ 31 декабря 2010

Я пытаюсь написать простое веб-приложение, в котором у людей будет возможность разместить маркер на Картах Google (где угодно) и написать короткое текстовое сообщение (не на карте, а просто текстовое поле в форме).).Затем я сохраню значения lan / lon и текстовое сообщение в базе данных, но я не знаю, как разместить маркер и получить его значения lan / lon.Я хотел бы использовать jQuery с размещением маркера и получением его координат.

Я видел несколько примеров этого, но мне не удалось написать часть JavaScript.Есть ли плагин jQuery, который делает это, или это можно написать с помощью jQuery?

Спасибо.

РЕДАКТИРОВАТЬ: Я использовал поиск до написания этого вопроса, но не смог найти ответ на StackOverflow,После отправки вопроса я проводил поиск в Google, и у меня появилось это Как вы нажимаете на карту и получаете поля широты и долготы в заполненной форме? .Я думаю, что это точный ответ на то, что я искал.

Ответы [ 2 ]

2 голосов
/ 31 декабря 2010

Ну, я не знаю, есть ли какой-нибудь плагин jquery для этого, но API Google Maps хорошо документирован: http://code.google.com/intl/en/apis/maps/documentation/javascript/basics.html

Если вы хотите добавить маркер на карту, когда пользователь нажимает на нее, используйте прослушиватель:

google.maps.event.addListener(map, 'click', function(event) {
                marker = new google.maps.Marker({
                         position: event.latLng,
                         map: map,
                         draggable: true,
                         title: title
                         });
                marker.setMap(map);
            });

здесь координаты доступны по свойству события (когда пользователь нажал на карту), это происходит от самого события

 click(overlay:GOverlay, latlng:GLatLng, overlaylatlng:GLatLng) 

и этот latlng является объектом типа GLatLng http://code.google.com/intl/en/apis/maps/documentation/javascript/v2/reference.html#GLatLng

и класс GLatLng имеет методы для получения значений широты и долготы.

var LAT = event.latLng.lat();
var LNG = event.latLng.lng();

Все это вначале может показаться немного ошеломляющим, но просто нужно знать тип объекта, событий, методов и свойств, доступных для каждого случая.

Если у вас есть некоторые базовые знания JavaScript, вы должны делать это хорошо, и на самом деле нет необходимости делать это с помощью плагина, так как @rcravens заявил, что он не нуждается в особой упаковке.

1 голос
/ 31 декабря 2010

Я обернул API Google Maps v3 (не то, что он нуждается в большой упаковке) в плагин jquery.Вот сообщение о том, как загрузить / использовать:

http://blog.bobcravens.com/2010/06/a-google-maps-version-3-jquery-plugin/

Вот демонстрационная страница:

http://bobcravens.com/demos/GoogleMaps3/

Надеюсь, это поможет,Дайте мне знать, если у вас есть вопросы.

Боб

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...