如何将数据集直接导入我的 javascript 代码

Question

我想知道是否可以将数据集直接导入到我的代码中 (javascript)，因为我想为用户按下某个功能时显示给定数据集设定一个条件。

Answer 1

您发出提取请求以获取可以显示的数据。

fetch('http://localhost:portOfDatabase/path')
.then(resp => resp.json())
.then(r => {
  //use r which holds the response from your database
})

Answer 2

如果您可以将字符串格式的数据获取为 JSON 数组或字典，您只需使用 JSON.parse() 从字符串格式的数据创建一个对象。然后使用该对象提取所有信息以供显示。 Here are some examples

来自 w3schools：

var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');
obj.name // "John"
obj.age  // 30
obj.city // "New York"

Answer 3

从您添加的标签来看，您似乎想要添加一个可用于填充 Mapbox 地图的数据集。

如其他答案所述，您可以从 JSON 文件加载数据。请注意，数据需要为 geoJSON format.

这将在运行时创建 geoJSON 数据源。但您也可以将其指向源文件。（见第二个代码片段）

map.addSource('route', {
'type': 'geojson',
'data': {
'type': 'Feature',
'properties': {},
'geometry': {
'type': 'LineString',
'coordinates': [
[-122.48369693756104, 37.83381888486939],
[-122.48348236083984, 37.83317489144141],
[-122.48339653015138, 37.83270036637107],
[-122.48356819152832, 37.832056363179625]
]
}
}
)

来自文件：

  map.addSource(<sourcename>, {
            'type': 'geojson',
            'data': <URL> 
        });

另请参阅这些示例：

如何将数据集直接导入我的 javascript 代码

How to import a dataset directly into my javascript code

javascript

mapbox

mapbox-gl