如何从json openlayer 3获取向量层

<script src="https://cdn.jsdelivr.net/npm/ol@3.20.1/dist/ol.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@3.20.1/dist/ol.css" />

<div id="map" style="width: 100%; height: 400px;"></div>

// 创建一个地图对象
var map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM() // 添加一个OSM图层
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([0, 0]), // 设置地图中心点
    zoom: 2 // 设置初始缩放级别
  })
});

// 创建一个矢量图层
var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    format: new ol.format.GeoJSON(), // 使用GeoJSON格式解析数据
    url: 'path/to/your/json/file.json' // JSON数据文件的URL
  })
});

// 将矢量图层添加到地图中
map.addLayer(vectorLayer);