vue-map3d-plugin
v0.0.9
Published
``` vue2下载依赖 npm install vue-map3d-plugin
Downloads
2
Readme
这是一个 vue2 web3D ui组件库,用于快速开发项目。
联系作者:梦玉 [email protected]
使用方法
vue2下载依赖
npm install vue-map3d-plugin
导入ai-web-ui
import { vueMap3dPlugin } from "vue-map3d-plugin";
导入组件样式
import "vue-map3d-plugin/index.css";
组件使用
1.注册组件
components: { vueMap3dPlugin },
1.组件初始化
<vueMap3dPlugin v-if="mapInit.show" :mapProps="mapInit"></vueMap3dPlugin>
2.组件常用参数说明
mapInit: {
show: false, //是否显示
// mapPars: {
// code: '430100',
// name: '长沙市',
// level: "city",
// size: 1000, // 值越大, 地图越大 // 区调整这个值
// upAndDown: 10, // 值越大, 地图越小 市调整这个值
// centroid: [113.158697, 28.224232],
// },
// minusWidth: 0, // 是否全屏宽
// minusHight: 0, // 是否全屏高
dom: 元素,
arrMaps: [{ lng: [113.63, 28.16], name: "浏阳市1" }, { lng: [113.64, 28.17], name: "浏阳市2" }, { lng: [112.68, 28.31], name: "宁乡市1" }, { lng: [113.00, 28.20], name: "芙蓉区2" }],
pluginHandleMethod: null, // 插件处理逻辑方法
fatherCallBack: this.fatherCallBack, // 父组件处理逻辑方法
// ...更多参数,列地图颜色兼容vue3插件,是否显示底做以及自定义标签等等,可以通过发邮件给作者或者添加作者微信 zhuimeng5910
},
3.更新
npm i vue-map3d-plugin@latest --force