有没有更简单的方法来找到状态坐标?

时间:2020-07-20 02:16:48

标签: javascript html leaflet

我目前正在进行我的第一个JS项目。我正在创建一个交互式地图,该地图将在美国各州显示标记。通过使用Leaflet.jS,我通过在美国每个州进行编码来实现了这一目标。从字母顺序开始,我写下了每个州的名称以及坐标。

这是我的代码示例:

    const stateInfo = [
  {
    state: 'Alabama',
    coords: [32.806671, -86.79113],
    abbreviation: 'al',
  },
  {
    state: 'Alaska',
    coords: [61.370716, 152.404419],
    abbreviation: 'ak',
  },

是否有更简单的方法来执行此操作,而不是为每个状态添加多行代码?

1 个答案:

答案 0 :(得分:0)

您可以使用Google的地理编码服务。参见https://myapp.herokuapp.com/myapp/。这里是the documentation here(请注意,需要使用Google Maps密钥才能使代码段起作用)。

另一种简单的实现方法是简单地使用以下JSON数据:a sample that will console.log state coordinates