添加标记到谷歌地图从输入字段与地理代码和没有页面刷新

Add Marker to Google Map from Input Field with Geocode and No Page Refresh

本文关键字:代码 刷新 谷歌地图 加标记 输入 字段 添加      更新时间:2023-09-26

我正试图获得帮助创建一些代码来做什么标题说…

我想让用户

  1. 在表单输入字段中输入地址
  2. 有该地址被谷歌地理编码(已经有这个功能在一起)
  3. 添加一个标记到地图

我有代码做到这一点,唯一的问题是有一个页面刷新。我需要有人在不刷新页面的情况下做到这一点的能力,因为我不想存储关于这些标记的任何信息。理想情况下,他们可以添加1 - 5个标记而不刷新…一旦他们离开这个页面,信息将不会被存储。

任何代码或帮助将非常感激。

要停止刷新,只需在表单声明中添加onsubmit子句。以下是我现在正在使用的自己的代码:

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

只要你从该子句中调用的JavaScript函数中没有错误,返回false,将阻止页面更改,并使表单与页面上/内的JavaScript直接交互。

如果使用了提交按钮或者回车键从文本框中提交表单,