vue-qqmap
v1.1.1
基于Vue3的腾讯地图地址可视化拾取、描点，路径规划插件
0/weekUpdated 3 years agoMITUnpacked: 555.2 KB
Published by cuteCloud
vue-qqmap
Tencent Map Plugin for Vue 3.x
##### Shorter Name：vqqmap
> Vue3 - based Tencent map visual pick up, tracing points, path planning plug-in
Languages
Features
1. Simple and easy to use, light and beautiful
2. Support native map all configuration
3. More features will be provided in the future
If you like , please give me star,thanks!
If you have some question , please submit issues!
Installation
$3
``
bash
$ npm install vue-qqmap
`Typical use:
html
`
js
...
import vqqmap from 'vue-qqmap'
...
export default defineComponent({
components: { vqqmap },
setup() {
let location = reactive({lat:'',lng:'',address:''})
let options= reactive({
key:'Yours Key',
})
function mapChange(data){
console.log(data)
}
return {
location,
options,
mapChange
};
},
});
...
`v-model
Type:
Required:
Default:
props
You can send these props to the component
$3
Type:
Required:
Default:
if you want to set multiple marks，should open it$3
In addition to the following configuration, you can also use all Tencent Map Options
###### key
Type:
Required:
No Key, go apply？###### width
Type:
Required:
Default:
###### height
Type:
Required:
Default:
###### showHeader
Type:
Required:
Default:
###### showFooter
Type:
Required:
Default:
###### showBorder
Type:
Required:
Default:
###### zoom
Type:
Required:
Default:
###### disabledClick
Type:
Required:
Default:
Of course，you can use other tencent map options， look more！
Events