如何使用自己的geoJson地图更改openlayer示例中的地图？

Question

我是openlayer的新手，想要使用预编码示例弹出http://openlayers.org/en/latest/examples/popup.html来获取MY地图。我有一个.shp（形状文件）转换为GEOJSON格式。我希望替换代码以添加相同类型的弹出窗口到我的地图。 注意：我改变了这个代码n改变了网址。但这不起作用。

    var map = new ol.Map({
    layers: [
      new ol.layer.Tile({
        source: new ol.source.TileJSON({
          url: 'http://api.tiles.mapbox.com/v3/' +
              'mapbox.natural-earth-hypso-bathy.json',
          crossOrigin: 'anonymous'
        })
      })
    ],
    overlays: [overlay],
    target: 'map',
    view: new ol.View({
      center: [0, 0],
      zoom: 2
    })
  });