VueLayers & Vue. js отображение статистики c векторный файл (.svg)

Question

как я могу отобразить простой .svg в VueLayers? В документации не описана эта простая задача. Я попробовал демонстрацию изображения stati c (https://vuelayers.github.io/# / docs / component / image-layer ), но он отображает только небольшой фрагмент моего Illustrator .svg. .Jpg работает нормально.

HTML -Snippet

    <vl-map :load-tiles-while-animating="true" :load-tiles-while-interacting="true" style="height: 400px">
        <vl-view :projection="projection" :zoom.sync="zoom" :center.sync="center" :rotation.sync="rotation"></vl-view>

        <vl-layer-image id="xkcd">
          <vl-source-image-static :url="imgUrl" :size="imgSize" :extent="imgExtent" :projection="projection"
                                  ></vl-source-image-static>
        </vl-layer-image>
 </vl-map>

Vue -data-return-stuff:

                zoom: 3,
                maxZoom: 8,
                center: [size[0] / 2, size[1] / 3],
                rotation: 0,
                projection: customProj.getCode(),
                imgUrl: './res/Mapp.svg',
                imgSize: size,
                imgExtent: extent,

Было бы здорово если бы кто-нибудь мог мне помочь с этой маленькой проблемой! Привет и спасибо.