2013-03-08 1 views
-1

Я пытаюсь получить помощь в создании какой-то код, чтобы сделать именно то, что название говорит ...Добавить маркер в Google Map из поля ввода с Geocode и Нет Page Refresh

Я хочу пользователю

  1. Введите адрес в поле формы ввода
  2. ли этот адрес геокодируются от Google (уже есть эта функция вместе)
  3. Добавить маркер на карте

У меня есть код для этого, единственная проблема - обновление страницы. Мне нужно, чтобы кто-то сделал это без обновления страницы, так как я не хочу хранить информацию об этих маркерах. В идеале они могут добавить 1 - 5 маркеров без обновления ... после того, как они покинут эту страницу, информация не будет сохранена.

Любой код или помощь были бы очень признательны. Заранее спасибо.

+0

Не отправляйте форму. Это заставляет страницу обновляться. – geocodezip

+0

Исправить. Я бы использовал функцию Javascript и просто привязал ее к кнопке. Но я не знаю, как поставить AJAX вместе с функцией Geocode, предоставляемой google, чтобы заставить ее работать правильно и добавить маркер к карте. – wtaggin

+0

. Каков ваш код/​​страница? Вы искали SO для подобных проблем, я знаю, что видел их. – geocodezip

ответ

0

Чтобы остановить обновление, просто добавьте предложение onsubmit в декларацию формы. Из моего собственного кода, с которым я сейчас работаю, взято следующее.

<form id="postcodeEntry" method="post" action="#" onsubmit="' + this.objName + '.calcRoute(\'driving\',this.postcode.value);return false;"> 

Пока нет никакой ошибки в функции JavaScript вы звоните из этого пункта, возвращение ложным, предотвратит страницу от изменения и делает форму прямого взаимодействия с JavaScript/в странице.

Это будет работать, если используются кнопки отправки или клавиша ввода отправляет форму из текстового поля.