vue3-openstreet-map v0.0.92

vue3-openstreet-map

A Simple Vue 3 Openlayers Map Picker & Geocoder (Openstreet Map based)

Features

• Free to use (OpenLayers Map based)
• Easy to use
• Drag and drop marker
• Search location
• Reverse geocode
• Adaptive

Prequisite

• Vue 3 + Vite / Nuxt 3
• Openlayers (Download here)
• Openlayers Geocoder (Download here)
• Openlayers Popup (Download here)

Installation

vue3-openstreet-map requires Node.js v10+ to run.

Install the dependencies and devDependencies and start the server.

npm i vue3-openstreet-map@latest --save

How to use

1. Import the component

import { VueOpenMap } from "vue3-openstreet-map" 

2. Import the style

import "/node_modules/vue3-openstreet-map/dist/style.css"

3. Put to the 'components' object (for options API)

export default defineComponent({
    components: {
        VueOpenMap
    }
})

4. Insert inside the <template>

<VueOpenMap :options="options" />

Options - coming soon

and many more....

License

MIT

Free Software, Hell Yeah!