使用地图容器组件baidu-map，但是不要展示百度地图出来，仅用于获取位置：

<!-- 该百度地图容器不展示，仅用于获取当前位置 -->
<baidu-map id="map" class="map" :scroll-wheel-zoom="true" :pinch-to-zoom="true" ak="申请的百度秘钥" @ready="handler">
</baidu-map>

ready方法可以在百度地图开始加载时执行，可以用来获取位置信息：

// 获取当前位置位置
handler({ BMap, map }) {
  let that = this
  var geolocation = new BMap.Geolocation();
  geolocation.getCurrentPosition(function (res) {
    that.currentLocation = [res.longitude, res.latitude]
    console.log("当前位置经纬度",that.currentLocation)
  });
},
# javascript
Logo
腾讯云开发者社区

腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。

更多推荐

Springboot+MySQL 实现从数据库获取数据展示到前端

1.运行效果效果图如下：2.创建数据库表数据库名为"springboot",数据库表名为"user"，数据库表里面放了5条数据，字段分别为：“id”，“name”，“age”，“email”。3.新建SpringBoot项目1、选择Spring Initial...

avatar 腾讯云开发者社区

数据库 实验二 数据库的简单查询和连接查询实验

– l）用Transact-SQL语句表示下列操作．在学生选课库中实现其数据查询操作．– ①求数学系学生的学号和姓名。select sno,sname from student where sdept='MA';– ②求选修了课程的学生学号。select distinct sno from sc;– ③求选修C1课程的学生学号和成绩，并要求对查询结果按成绩降序排列，如果成绩相同则按学号升序排列。s

avatar 腾讯云开发者社区

Spring Boot Mybatis数据库datasource多数据源配置

application.yaml文件配置spring:datasource:db1:driver-class-name: com.mysql.cj.jdbc.Driverjdbc-url: jdbc:mysql://192.168.0.1:3306/ellassay_dev?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBe

avatar 腾讯云开发者社区