Skip to content

Adding aerial imagery

In complement of classic streets rendering, you can add an aerial imagery as map background. This is possible using a WMS or WMTS service, and setting configuration as following (this example uses the French IGN aerial imagery):

<pnx-viewer
  endpoint="https://panoramax.ign.fr/api"
  map='{
    raster: {
      type: "raster",
      tiles: [
        "https://data.geopf.fr/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ORTHOIMAGERY.ORTHOPHOTOS&STYLE=normal&FORMAT=image/jpeg&TILEMATRIXSET=PM_0_19&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}"
      ],
      minzoom: 0,
      maxzoom: 19,
      attribution: "&copy; IGN",
      tileSize: 256
    }
  }'
></pnx-viewer>