百度地图位置选择示例
百度地图位置选点示例
介绍
百度地图位置（经纬度）选择示例
安装使用
1.【系统配置】【第三方密钥】配置百度地图Key
2. 需要用到位置(经纬度)选择的页面，复制以下代码（参考web/src/views/backend/examples/bmap/popupForm.vue）
js
<div v-if="state.showBmapContainer"> <BmapContainer :bmapKey="state.bmapKey" @child-confirm-clicked="handleChildConfirmClicked" @child-cancel-clicked="handleChildCancelClicked" /> </div> js
// 导入 import BmapContainer from '/@/components/xmmap/bmapContainer.vue' // getBmapKey获取百度地图key，可替换成自己的方法 import { getBmapKey } from '/@/api/backend/xmmap/bmap' js
const state = reactive({ showBmapContainer: false, bmapKey: '', }) // 获取百度地图key，可替换自己的接口 getBmapKey().then((res) => { state.bmapKey = res.data }) // 弹窗打开百度地图 const openMapPickPop = () => { state.showBmapContainer = true } // 点击确认获取当前位置信息 const handleChildConfirmClicked = (data: { showBmapContainer: boolean; poiname: any; poiaddress: any; longitude: any; latitude: any }) => { console.log('百度地图获取当前位置信息', data) state.showBmapContainer = data.showBmapContainer } // 点击取消关闭地图弹窗 const handleChildCancelClicked = (data: { showBmapContainer: boolean }) => { state.showBmapContainer = data.showBmapContainer }温馨提示
您可能需要在看懂示例后清理多余的示例代码，而本示例模块提供了一个新的组件，组件又无需被清理，您可以利用模块卸载且保留某文件的功能，操作步骤如下
-
modules->bmap目录找到config.json文件 -
文件内容为
json
{ "protectedFiles": ["web/src/components/xmmap/bmapContainer.vue"] }- 模块添加的系统配置，也会在卸载时被清理，您可以查看
modules->bmap->Bmap.php文件，去除其中在模块禁用时清理系统配置的操作 - 此时卸载模块，新的组件代码将被保留（默认未做此配置，因为模块设计要求卸载时清理所有文件）
更新日志
v1.0.0
首次发布无详细更新日志
智小满
态度决定一切！
模块授权
正版授权，允许商业使用
免费更新至一年内发布的所有版本
一年内发布的所有版本永久免费下载
不加密源代码，私有部署，二开方便
可复制产品，不支持七天无理由退款
禁止转售、分享等任何形式的再分发
仅 BuildAdmin 后台管理系统可以使用
模块信息
模块价格
￥9.90
访问次数
2981
模块标识
bmap
下载次数
28
模块分类
第三方整合
上次更新
2023-08-21 18:36:02
开发者主页
-
购买送积分
-
JavaScriptCRUD+