Javascript 自动检测位置（城市和州），并将该信息分别放入输入和选择字段中

我一直在研究地理定位API和jQuery地理定位API，但还没有找到一个很好的解决方案

最终，我希望用户能够在城市位置输入、浏览器中单击图标以检测其城市和州，然后在字段中自动填充该信息，城市字段是基本输入，州是选择

<div class="search">
  <a href="autodetect-here"><span class="fa fa-map-marker"></span></a>
  <input type="text" id="location" placeholder="City" />
  <select>

<option selected="state">State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>

陈述
阿拉巴马州
阿拉斯加州
亚利桑那州
阿肯色州
加利福尼亚
科罗拉多州
康涅狄格州
特拉华州
哥伦比亚特区
佛罗里达州
佐治亚州
夏威夷
爱达荷州
伊利诺伊州
印第安纳州
爱荷华州
堪萨斯州
肯塔基州
路易斯安那州
缅因州
马里兰
马萨诸塞州
密歇根
明尼苏达州
密西西比
密苏里州
蒙大拿
内布拉斯加州
内华达州
新罕布什尔州
新泽西州
新墨西哥州
纽约
北卡罗来纳州
北达科他州
俄亥俄州
奥克拉荷马
俄勒冈
宾夕法尼亚
罗德岛
南卡罗来纳州
南达科他州
田纳西州
得克萨斯州
犹他州
佛蒙特州
弗吉尼亚州
华盛顿
西弗吉尼亚州
威斯康星州
怀俄明州

---

使用HTML5地理定位API获取经度和纬度，然后将这些坐标发送到API，如Google的地理编码API。这将返回一个地址，您可以从中解析城市和州

注意：从Chrome 50开始，地理定位API将仅在安全环境下工作 上下文，例如HTTPS。如果您的站点位于不安全的源站点上 （如HTTP）获取用户位置的请求将不再存在 功能

---

使用HTML5地理定位API获取经度和纬度，然后将这些坐标发送到API，如Google的地理编码API。这将返回一个地址，您可以从中解析城市和州

注意：从Chrome 50开始，地理定位API将仅在安全环境下工作 上下文，例如HTTPS。如果您的站点位于不安全的源站点上 （如HTTP）获取用户位置的请求将不再存在 功能

---

您发布的代码缺少您的尝试。你尝试过什么？以什么方式不起作用？所以你想使用选择州，然后系统计算出他们的城市，或者有一个按钮与上面的代码分开，同时选择州和代码？我仍在尝试。我所做的一切都没有接近，因为我处在一个陌生的领域。fa地图标记图标是我想用来触发地理定位的。@ChrisOwens：那么你在这里问得有点过早了。一般来说，在堆栈溢出问题上询问“我如何做X？”时，答案通常是查看X的文档和示例。我们不寻求替换现有文档/教程等。在大多数情况下，您会发现，一旦尝试，问题很容易解决。一旦你做了一些尝试，如果仍然有一些东西不起作用（你不理解的错误消息，特定操作中的意外结果，等等），那么我们可以提供帮助。是的，我也这么认为。抱歉，但我是在找方向，而不是找人帮我，我得到了。我会在我有工作后进行更新，以便这篇文章对将来可能找到它的人有一定的价值。你发布的代码错过了你的尝试。你尝试过什么？以什么方式不起作用？所以你想使用选择州，然后系统计算出他们的城市，或者有一个按钮与上面的代码分开，同时选择州和代码？我仍在尝试。我所做的一切都没有接近，因为我处在一个陌生的领域。fa地图标记图标是我想用来触发地理定位的。@ChrisOwens：那么你在这里问得有点过早了。一般来说，在堆栈溢出问题上询问“我如何做X？”时，答案通常是查看X的文档和示例。我们不寻求替换现有文档/教程等。在大多数情况下，您会发现，一旦尝试，问题很容易解决。一旦你做了一些尝试，如果仍然有一些东西不起作用（你不理解的错误消息，特定操作中的意外结果，等等），那么我们可以提供帮助。是的，我也这么认为。抱歉，但我是在找方向，而不是找人帮我，我得到了。我会更新，一旦我有一些工作，使这篇文章是一些有价值的人，可能会发现它在未来。