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);
};
目录
相关文章
|
存储 SQL 消息中间件
大数据生态圈常用组件(一):数据库、查询引擎、ETL工具、调度工具等
大数据生态圈常用组件(一):数据库、查询引擎、ETL工具、调度工具等
|
4月前
|
存储 人工智能
2026年阿里云AI采购季活动参考:1元域名注册,9.9元AI建站,9折备案
阿里云2026年AI采购季活动涵盖域名注册、智能建站、备案服务及企业邮箱。活动包括1元热门域名限时特惠、9.9元AI建站、备案服务9折等。万小智AI建站15元/首月,购建站赠.CN域名。阿里邮箱提供标准版、AI尊享版、国产化版,新人首购低至5折。活动还包含个人及企业用户优惠券、低至9.9元的OpenClaw部署及百炼大模型服务节省计划。
1359 2
|
4月前
|
人工智能 自动驾驶 安全
阿里ATH与英伟达GTC的协同共振,解码AI产业变革逻辑
2026年3月16日,阿里成立ATH事业群,以Token为锚点重构AI组织;英伟达GTC大会提出“AI工厂”与智能体经济。二者同日发力,标志AI产业正式迈入“组织+技术”双轮驱动的工业化新纪元。(239字)
484 0
|
Android开发
KernelSU基于内核的 SU。它通过自定义内核,直接在内核中赋予目标进程 root 权限。
KernelSU基于内核的 SU。它通过自定义内核,直接在内核中赋予目标进程 root 权限。
5261 0
|
缓存 网络协议 前端开发
CDN最佳实践之访问慢的分析思路和优化方案
使用CDN加速以后还是存在访问慢的情况,如何去分析定位问题、优化网站速度、解决用户问题是一个十分重要的课题。本文介绍了CDN加速访问慢的分析思路,通过归纳的一些原因结合搜集的信息去进一步判断定位问题,帮助用户在遇到问题时有一个更清晰的思考方法论。同时介绍了一些典型的问题场景,结合这些问题场景可以更快速的去发现问题并优化。
3188 1
CDN最佳实践之访问慢的分析思路和优化方案
|
存储 NoSQL 安全
Redis五大常用数据类型以及使用场景
Redis五大常用数据类型以及使用场景
766 0
Redis五大常用数据类型以及使用场景
UE中创建可脚本化编辑器工具(Scriptable Tools)
UE中创建可脚本化编辑器工具(Scriptable Tools)
784 0
UE中创建可脚本化编辑器工具(Scriptable Tools)
|
算法 搜索推荐 C语言
快速排序和qsort函数详解详解qsort函数
快速排序和qsort函数详解详解qsort函数
644 0
|
JavaScript 安全 索引
《现代Typescript高级教程》泛型和类型体操
泛型和类型体操 泛型和类型体操(Type Gymnastics)是 TypeScript 中高级类型系统的重要组成部分。它们提供了强大的工具和技巧,用于处理复杂的类型操作和转换。
746 1
|
安全 C#
在阿里云平台注册域名多少钱?域名新注、续费、转入最新收费价格表
在阿里云注册域名多少钱?阿里云可注册的域名后缀多达几百种,域名后缀不同,收费标准不同,通常用户注册比较多的是.com域名、.cn域名、.net域名等,阿里云域名价格表包括域名注册、域名续费及域名转入价格,不同时期的收费价格是不一样的,目前通过阿里云平台注册.com域名最低价格仅需1元,注册.cn域名最低仅需8.8元。下面是小编整理的最新版的阿里云域名新注、续费、转入收费价格表。
3406 0
在阿里云平台注册域名多少钱?域名新注、续费、转入最新收费价格表