更新记录

1.0.0（2026-08-06） 下载此版本

1.0.0

平台兼容性

uni-app(3.8.1)

pass-b-map

地图组件以及 chooseLocation、getLocation、openLocation，传参与 uni 官方保持一致，多传一个 key。

使用方式

1. 地图组件

<template>
  <passBMap
    :markers="markers"
    :scale="scale"
    :longitude="longitude"
    :latitude="latitude"
    :polyline="polyline"
    :showLocation="true"
    mapKey="你的百度地图key"
    class="map"
    @markertap="markertapHandler"
    @regionchange="regionchangeHandler">
  </passBMap>
</template>

<script setup>
import passBMap from '@/uni_modules/pass-b-map/components/pass-b-map/pass-b-map.vue';

const scale = ref(16);
const longitude = ref(116.404);
const latitude = ref(39.915);
const markers = ref([
  {
    id: 1,
    latitude: 39.915,
    longitude: 116.404,
    title: '标记点',
    iconPath: '/static/logo.png',
    width: 30,
    height: 30
  }
]);
const polyline = ref([]);

function markertapHandler(e) {
  console.log('marker 点击', e);
}

function regionchangeHandler(e) {
  console.log('视野变化', e);
}
</script>

<style scoped>
.map {
  width: 100%;
  height: 100vh;
}
</style>

2. 引入 JS API

import {
  getLocation,
  chooseLocation,
  openLocation
} from "@/uni_modules/pass-b-map";

3. getLocation 获取定位

getLocation({
  key: "你的百度地图key",
  type: "gcj02",
  complete(e) {
    console.log("getLocation:", e);
  }
});

4. chooseLocation 选择位置

chooseLocation({
  key: "你的百度地图key",
  latitude: 39.915,
  longitude: 116.404,
  keyword: "",
  complete(e) {
    console.log("chooseLocation:", e);
  }
});

5. openLocation 打开地图查看位置

openLocation({
  latitude: 23.121664,
  longitude: 113.758869,
  name: "测试name",
  address: "测试address",
  scale: 16,
  key: "你的百度地图key",
  complete(e) {
    console.log("openLocation:", e);
  }
});

组件 props

组件事件

注意事项

• 本插件坐标输出统一为 GCJ02（火星坐标系），与 uni-app 官方 getLocation({ type: 'gcj02' }) 保持一致。
• H5 端需在 https / localhost / 127.0.0.1 等安全源下才能正常调用浏览器定位；非安全源会自动降级为默认坐标。
• chooseLocation 内置的 POI 搜索依赖代理服务，若网络不通会返回空列表。