在vue项目中使用高德地图JS API，而不是amap依赖包~

一、必做的准备工作

注册账号并申请key

首先，注册开发者账号，成为高德开放平台开发者

登陆之后，在进入「应用管理」页面「创建新应用」

为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」

二、vue文件中创建容器

需给容器设置宽高哈

<div id="container"></div>

三、`mounted`函数中引入JS文件

mounted(){this.init()
},
methods: {init() {window.onLoad = function () {map = new AMap.Map("container", {center: [116.397428, 39.90923],zoom: 18,viewMode:'3D',mapStyle: "amap://styles/normal", //地图风格resizeEnable: true});};let key = "***";var url = `https://webapi.amap.com/maps?      v=1.4.15&key=${key}&callback=onLoad`;var jsapi = document.createElement("script");jsapi.charset = "utf-8";jsapi.src = url;document.head.appendChild(jsapi);}
}

效果：

在vue项目中使用高德地图JS API相关推荐

在vue项目中使用高德地图
需求很重要,有需求你才有努力解决问题的方向,加油! 在我们使用vue构建项目的时候,难免在业务需求上会遇到使用高德地图的时候,这时候问题就来了. 我们该怎么在vue项目中插入高德地图?通过度娘我知道了 ...
vue 项目中使用高德地图
官方文档: 高德地图API官网高德地图2.0参考手册高德地图JS API 2.0 示例在项目中使用 vue-amap 高德地图JSAPI在Vue框架下使用高德地图在线 JS API 示例一. ...
vue项目中使用高德地图获取用户当前位置信息
项目背景是用vue开发的小程序,需要获取当前用户的地理位置,折腾了好久终于弄好了,今天分享给大家,话不多说,let's go! 第一步:在index.html页面引入高德地图 <script t ...
vue项目中使用高德地图
1.步骤一:注册并登录高德地图开放平台,申请密钥高德地图开放平台操作步骤如下 2.步骤二:安装高德地图加载器 npm i @amap/amap-jsapi-loader -S 3.在src下创建M ...
vue项目中调用高德地图vue-amap 插件的AMap.PlaceSearch简用
vue项目调用高德地图vue-amap 插件的AMap.PlaceSearch简用结合 elementui 的 el-input 直接下拉选取地点不展示地图 1.下载 npm install v ...
在vue项目中引入高德地图并使用
1.高德地图使用准备开发之前的准备需要注册账号, 创建应用, 创建 api key 调用地图的时候, 请求上带的 key 像高德地图服务器校验权限, 另外可以用来标识同一个程序的不同入口, 如网页 ...
Vue 2.x 使用高德地图JS API 2.0加载起点终点路径轨迹
背景最近在开发 H5 页面,需求是在地图中显示行驶轨迹,在 H5 中调起地图app,轨迹经纬度列表由接口提供,坐标系为国际标准的坐标体系 WGS84,刚开始并未注意这个坐标系问题,在使用中发现位置加 ...
vue项目中使用高德地图行政区域聚合功能（script引入方式）
步骤一 :引入高德js资源 <script type="text/javascript" src="//webapi.amap.com/maps?v=1.4.15& ...
在vue项目中引入高德地图及其UI组件的方法
https://www.jb51.net/article/146789.htm 转载于:https://www.cnblogs.com/sweeeper/p/11282700.html

在vue项目中使用高德地图JS API

一、必做的准备工作

二、vue文件中创建容器

三、`mounted`函数中引入JS文件

在vue项目中使用高德地图JS API相关推荐

最新文章

热门文章

在vue项目中使用高德地图JS API

一、 必做的准备工作

二、vue文件中创建容器

三、mounted函数中引入JS文件

在vue项目中使用高德地图JS API相关推荐

最新文章

热门文章

一、必做的准备工作

三、`mounted`函数中引入JS文件