如何使用国家/地区的所有城市创建输入列表html5？有可能吗

Question

我认为这非常困难...我想给用户提供插入世界之城并查看其周围最近地震的可能性。问题是如何创建所有城市的输入列表。

在我的表单中，用户必须在插入国家之前：http : //jsfiddle.net/Dimcho/LUZvS/

<div class="datalist-holder">
    <input list="country" name="country" class="datalist-input" />
    <datalist id="country">
        <option value="Afghanistan" />
        <option value="Albania" />
        <option value="Algeria" />
        <option value="American Samoa" />
        <option value="Andorra" />
        //...
        //...
    </datalist>
 </div>

而且这个jsfiddle效果很好...

但是插入城市是一个大问题，怎么可能？如何找到世界上所有城市的纬度，经度和城市名称（含地区/省）的良好数据库？

无论如何，我无法在页面中插入所有城市，所以我曾想过使用来将单个国家/地区的城市加载到一个文件中javascript。

是个好主意吗？

我想提出很多建议，最重要的是不要降低代码和页面速度的解决方案。表演很重要。

非常感谢，对不起我的英语

Answer 1

我强烈建议您从API 加载列表countries或cities从API动态加载列表。

您可以看一下Google API和Teleport API