时间戳

首页 > 解决方案 > 浏览器在引用geojson文件时报错

javascript - 浏览器在引用geojson文件时报错

问题描述

引用geojson时，浏览器报错如下

Error {status: 404, url: 'https://domain/resource/point.geojson', name: 'e', message: 'Not Found'}message: "Not Found"name: "e"status: 404url: "https://domain/resource/point.geojson"[[Prototype]]: Objectcause: undefinedconstructor: ƒ Error()stackTraceLimit: 10arguments: (...)caller: (...)captureStackTrace:

我的JS代码如下

map.on('load', function () {

map.addSource('places', {
'type': 'geojson',
'data': 'https://domain/json/point.geojson'
});

map.addLayer({
'id': 'places',
'type': 'circle',
'source': 'places',
'paint': {
'circle-color': '#FF6464',
'circle-radius': 5,
'circle-stroke-width': 0.8,
'circle-stroke-color': '#ffffff'
}
});

geojson数据如下

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "description": "<strong>test1</strong><p>2015,2016<br><a href=\"https://domain/77.html\" target=\"_blank\" title=\"Opens in a new window\">test</a></p><img src=\"https://domain/img/2019/04/25/816202630847470.jpeg\" alt=\"test\" width=\"220\" height=\"139\">"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          103.93,
          33.26
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "description": "<strong>test2</strong><p>2007~2015,2016,2017,2018<br></p><img src=\"https://domain/img/2019/04/25/816202630847470.jpeg\" alt=\"test\" width=\"220\" height=\"139\">"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          116.46,
          39.92
        ]
      }
    },

我查看了官方的例子和示例geojson数据，也验证了genjson数据的正确性

标签： javascriptmapbox-gl-js

解决方案

这非常简单：您在访问 https://domain/resource/point.geojson 时遇到 404 错误（未找到文件）。该 URL（或任何真实的 URL）不正确。

推荐阅读