rnsvgmap

Компонента для управдения картами svg, основан на vue

install

yarn add rnsvgmap

use

import rnsvgmap from "rnsvgmap/src/rnsvgmap"

variant 1

<rnsvgmap :svg="svg data"><rnsvgmap>

variant 2

<rnsvgmap>
    <ellipse .... ></ellipse> 
    <polygon .... ></polygon>
    ... 
<rnsvgmap>

attributtes

svg - строка, содержащая svg образ

maxCoords - object  собержит координаты максимальной отображаемой точки
            например {x:200,y:200}

minCoords - object  собержит координаты минимульной отображаемой точки
            например {x:0,y:0}

hideMovePanel - флаг скрытия кнопок для перемещения карты

hideScalePanel - флаг скрытия кнопок для маштобирования карты

Описание работы

левая кнопка нажатие и перемещение карты.

правая кнопка нажатие - выделение области приближения.

средная кнопка нажатие - перемещение указанной точки в центр.

колёсико - маштабирование от точки под указателем мышки