vue中引入地图插件

简介: vue中引入地图插件

当我们在写项目时,有时会遇见需要用到地图

现在我为大家写一个简单的获取地图的插件

在这个index.html文件里写入script src路径

这里需要在自己创建的vue 文件里写一个div设置宽高

<div class="map" id="map"></div>

这里引入这个import

import { nextTick, onMounted } from "vue";

在这里输入这串代码即可

onMounted(() => {  
    nextTick(() => {
    initMap();
  });
});
var map = ref(null);
const initMap = () => {
  map = new AMap.Map("map", {
    pitch: 15, // 地图俯仰角度,有效范围 0 度- 83 度
    viewMode: "3D", // 地图模式
    position: [116.39, 39.9],
  });
  map.add(map);
};
目录
相关文章
|
JavaScript 定位技术
vue3 引入天地图
vue3 引入天地图
474 0
|
API
【vue2项目总结】——动态渲染
【vue2项目总结】——动态渲染
76 0
|
6月前
|
JavaScript 数据可视化 算法
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
121 6
|
3月前
Vue3项目引入 vue-quill 编辑器组件并封装使用
本文介绍了如何在Vue3项目中引入并封装使用`vue-quill`富文本编辑器组件,包括安装配置、父页面实现、子组件设计以及使用方法和效果展示。
896 0
Vue3项目引入 vue-quill 编辑器组件并封装使用
|
5月前
|
JavaScript 定位技术
BIGEMAP地图VUE中引入
BIGEMAP地图VUE中引入
103 0
BIGEMAP地图VUE中引入
|
6月前
|
JavaScript API
Vue中组件和插件有什么区别?
Vue中组件和插件有什么区别?
81 0
|
6月前
|
JavaScript 定位技术
Vue百度地图组件说明文档
Vue百度地图组件说明文档
982 0
|
6月前
|
JavaScript 定位技术 容器
Vue项目中引入地图的详细教程
Vue项目中引入地图的详细教程
|
JavaScript 定位技术 容器
vue.js实战案例(1):外部直接引入渲染echarts地图的实战案例
vue.js实战案例(1):外部直接引入渲染echarts地图的实战案例
84 0