javascript - 如何创建包含国家/地区所有城市的输入列表 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 动态加载国家或城市列表。

您可以查看google API和 Teleport API