openlayer中加载geojson的几种方式

首先:

import GeoJSON from "ol/format/GeoJSON"; 

import VectorSource from "ol/layer/Vector"

一,本地geojson文件

new VectorSource({
    features:new GeoJSON().readFeatures(this.geojsonData)
})

二,public中的文件

new VectorSource({
    url: "sichuan_shp.json",
    format: new GeoJSON()
});

openlayer中加载geojson的几种方式_第1张图片

三,geoserver发布的geojson数据

 new VectorSource({
        url:
          "http://localhost:8090/geoserver/NKYYGS/wms?service=WMS&version=1.1.0&request=GetMap&layers=NKYYGS%3Asichuan_shp&bbox=97.350096%2C26.045865%2C108.546488%2C34.312446&width=768&height=567&srs=EPSG%3A4326&format=application%2Fjson%3Btype%3Dgeojson",
        format: new GeoJSON()
      });

 openlayer中加载geojson的几种方式_第2张图片

openlayer中加载geojson的几种方式_第3张图片 

你可能感兴趣的:(openlayers)