Vue Component

Install the following package via npm or yarn:

npm install leaflet
or
yarn add leaflet
                                        

Add the following stylesheets to your index.html head tag:

Put downloaded ShivehMap folder in your desired place and import Map.vue file:

import ShivehMap from 'path/to/directory/Map';
										

Define ShivehMap component in components:

'ShivehMap': ShivehMap
										

Use ShivehMap component where you want

You can give props to the component

Default prop values are:

:lat="33.1375"
:lng="56.2170"
:zoom="6"
                                        

Add Markers by giving a position:

Add popup to your markers by giving a text: