首页 / 浏览问题 / 其他 / 问题详情
leaflet上传geoJson文件
gp
37EXP 2019年07月16日
使用leaflet上传geoJson文件然后再地图上显示,显示不出来下面的是我的代码
openFileWidgets.on("openfilesucceeded",  (e)=> {
  console.log(e)
  var layer = L.geoJSON(e.result).addTo(this.map);

2 个回答

你好,请问你的geojson文件是怎么获取的。如果这个文件是通过桌面导出,格式为geojson,那么这个是无法加载的。因为这里导出的geojson格式与前端加载需求的格式不同,重新导入桌面可以加载,但是前端加载会出现图形错误。这里我给你发一个geojson文件,可以参考官网示例直接上传运行并在地图显示(示例链接:http://iclient.supermap.io/examples/leaflet/editor.html#components_openFile)。也可以跟你上传的geojson文件格式做下对比。

1,686EXP 2019年07月16日
那我如果想将一个shp文件按照geoJson格式导出,并能够显示,有什么方法或者工具

网上搜一下有许多解决方案。

加载shp可以参考一下这个https://download.csdn.net/download/qq_29993237/10635352

这个链接啥也没有啊,是不是发错了
刚刚那个发错了,现在可以了。
{
  "type": "FeatureCollection",
  "features": [
   
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          117.24609374999999,
          36.65079252503471
        ]
      }
    },
   
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              117.15253829956055,
              36.67089730689858
            ],
            [
              117.14584350585938,
              36.658917692387114
            ],
            [
              117.16318130493163,
              36.64721167063527
            ],
            [
              117.17554092407227,
              36.65313376288551
            ],
            [
              117.18034744262694,
              36.66773046368491
            ],
            [
              117.17348098754883,
              36.677643625245274
            ],
            [
              117.15322494506836,
              36.692786266889456
            ],
            [
              117.13193893432617,
              36.68397636535661
            ],
            [
              117.15047836303711,
              36.68012171607383
            ],
            [
              117.15253829956055,
              36.67089730689858
            ]
          ]
        ]
      }
    }
  ]
}

这个是geojson文件,可以复制保存一份上传测试。

1,686EXP 2019年07月16日
...