vue + element 百度地图获取经纬度

最新推荐文章于 2024-09-06 16:12:22 发布

xniYa!

最新推荐文章于 2024-09-06 16:12:22 发布

阅读量251

点赞数

分类专栏： element 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_52134424/article/details/127670750

版权

本文介绍如何在Vue项目中结合Element库，集成百度地图API以获取地理位置的经纬度。首先，需要下载百度地图插件，并申请一个有效的百度地图应用密钥（AK）。然后，在项目中引入并初始化地图组件，通过API调用来实现经纬度的获取。

摘要由CSDN通过智能技术生成

下载百度地图插件
```
npm install vue-baidu-map --save
```
申请百度地图访问应用（AK）登录百度帐号

<template>
	 <div class="map" ref="map">
	    <!-- 地图实例 -->
	    <baidu-map class="bmView" :scroll-wheel-zoom="true" :center="location" :zoom="zoom" @ready="handler" ak="xxx">
	        <!-- 地图显示 -->
	       <bm-view style="width: 100%; height:400px; flex: 1"></bm-view>
	        <!-- 标记点组件 -->
           <bm-marker :position="{ lng: location.lng, lat: location.lat }"></bm-marker>