全部
常见问题
产品动态
精选推荐

腾讯地图无法使用问题(优化后的第二版)

管理 管理 编辑 删除

注:除了根据下面更改外一定要替换map文件

注意⚠️:需要安装:npm install vue-jsonp --save

平台端与门店端后台:

文件是:view/admin源码目录

1、链接:/src/main.js

添加如图所示:

38ee5202407240939015669.png

方便复制:

import { VueJsonp } from 'vue-jsonp'
Vue.use(VueJsonp);

2、链接:/src/components/map/map.vue

下载附件  注:没有改过代码的直接覆盖,改过代码的对照一下

注:1和2平台端和门店端都需要更改

3、平台端修改:

a、链接:/src/api/store.js

添加接口如图所示:

df5a3202409061620279591.png

方便复制:

/**
 * @description 门店-添加门店
 * data--地址转id
 */
export function getResolveCity (data) {
    return request({
        url: `resolve/city`,
        method: 'get',
		params: data
    })
}

b、链接:/src/pages/store/addStore/index.vue(3.0.1之前链接:src/pages/store/components/addStore.vue)

8a762202409061623226147.png

24706202409061624051898.png

方便复制:
提示:为减少误差,建议门店地址与定位地区保持一致
.tip{
	color: #ed4014;
}

67d6a202409061631254178.png

方便复制:
getResolveCity

0f1ee202409241447124472.png

方便复制:
resolveCity(address){
	let data = {
					address:address
				}
				getResolveCity(data).then(res=>{
					let array = []
					res.data.forEach(item=>{
						array.push(item.id)
					})
					this.formItem.addressSelect = array
				}).catch(err=>{
					this.$Message.error(res.msg)
				})
			},
			// 地图信息获取
			getCoordinates(data) {
				this.formItem.latitude = data.location.lat || 34.34127
				this.formItem.longitude = data.location.lng || 108.93984
				if(data.address_reference){
					let landmark = data.address_reference.landmark_l2;
					this.formItem.detailed_address = landmark.title;
					this.formItem.latitude = landmark.location.lat || 34.34127;
					this.formItem.longitude = landmark.location.lng || 108.93984;
					let component = data.address_component;
					let town = data.address_reference.town.title;
					town = town == '丈八街道'?'丈八沟街道':town;
					let address = [component.province,component.city,component.district,town];
					this.storeAddress = address.join('');
					this.formItem.address = address.join('');
					this.resolveCity(address.join('/'));
				}
			},			

查找函数getInfo();删除里面的onSearch()

查找函数 addchack()里面添加如图:

e1402202409241443128537.png

方便复制:this.formItem.addressSelect = e;

4、门店端修改:

文件是:view/store源码目录

a、链接:/src/api/setting.js

9001d202409061639099749.png

方便复制:
/**
 * @description 门店-添加门店
 * data--地址转id
 */
export function getResolveCity (data) {
    return request({
        url: `resolve/city`,
        method: 'get',
		params: data
    })
}

b、链接:/src/pages/setting/index.vue

45ef3202409061642108429.png

79d8e202409061642472992.png

方便复制:
提示:为减少误差,建议门店地址与定位地区保持一致
v-if="isApi && currentTab == 1"
.tip{
	color: #ed4014;
}

51f54202409061644219534.png

方便复制:getResolveCity

2f587202409061645543798.png

方便复制:
resolveCity(address){
	let data = {
					address:address
				}
				getResolveCity(data).then(res=>{
					let array = []
					res.data.forEach(item=>{
						array.push(item.id)
					})
					this.formItem.addressSelect = array
				}).catch(err=>{
					this.$Message.error(res.msg)
				})
			},
			// 地图信息获取
			getCoordinates(data) {
				this.formItem.latitude = data.location.lat || 34.34127
				this.formItem.longitude = data.location.lng || 108.93984
				if(data.address_reference){
					let landmark = data.address_reference.landmark_l2;
					this.formItem.detailed_address = landmark.title;
					this.formItem.latitude = landmark.location.lat || 34.34127;
					this.formItem.longitude = landmark.location.lng || 108.93984;
					let component = data.address_component;
					let town = data.address_reference.town.title;
					town = town == '丈八街道'?'丈八沟街道':town;
					let address = [component.province,component.city,component.district,town];
					this.formItem.address = address.join('');
					this.resolveCity(address.join('/'));
				}
			},			

查找函数getInfo();删除里面的onSearch()

查找函数 addchack()里面添加如图:

037e2202409241435544028.png

方便复制:this.formItem.addressSelect = e;

需要安装:npm install vue-jsonp --save

5、需要重新打包 (平台后台、门店后台)

打包文档: https://doc.crmeb.com/pro/crmebprov2/2354


php代码修改:

6、文件:route/admin.php

增加如下接口:

//解析(导入地图城市地址)
Route::get('resolve/city', 'Common/resolveCityList')->option(['real_name' => '解析导入地图城市地址']);

放在下图所在位置:

5fcf9202409061658357135.png

7、文件:app/controller/admin/Common.php

增加如下方法:

/**
	 * 解析(获取导入地图城市地址)
	 * @param CityAreaServices $services
	 * @return \think\Response
	 * @throws \think\db\exception\DataNotFoundException
	 * @throws \think\db\exception\DbException
	 * @throws \think\db\exception\ModelNotFoundException
	 */
	public function resolveCityList(CityAreaServices $services)
	{
		$address = $this->request->param('address', '');
		if (!$address)
			return app('json')->fail('地址不存在');
		if (strpos($address, '/') === false) {
			$address = implode('/', array_values($services->addressHandle($address)));
		}
		$city = $services->searchCity(compact('address'));
		if (!$city) return app('json')->fail('地址暂未录入,请联系管理员');
		$where = [['id', 'in', array_merge([$city['id']], explode('/', trim($city->path, '/')))]];
		return app('json')->success($services->getCityList($where, 'id as value,id,name as label,parent_id as pid', ['children']));
	}

可以放在,下图所示位置:

c5ab8202409061700498564.png

8、文件:route/store.php

增加如下接口:

//解析(导入地图城市地址)
Route::get('resolve/city', 'Common/resolveCityList')->option(['real_name' => '解析导入地图城市地址']);

放在下图所在位置:

939d420240906165931272.png

9、文件:app/controller/store/Common.php

增加如下代码:

/**
	 * 解析(获取导入地图城市地址)
	 * @param CityAreaServices $services
	 * @param Request $request
	 * @return \think\Response
	 * @throws \think\db\exception\DataNotFoundException
	 * @throws \think\db\exception\DbException
	 * @throws \think\db\exception\ModelNotFoundException
	 */
	public function resolveCityList(CityAreaServices $services, Request $request)
	{
		$address = $request->param('address', '');
		if (!$address)
			return app('json')->fail('地址不存在');
		if (strpos($address, '/') === false) {
			$address = implode('/', array_values($services->addressHandle($address)));
		}
		$city = $services->searchCity(compact('address'));
		if (!$city) return app('json')->fail('地址暂未录入,请联系管理员');
		$where = [['id', 'in', array_merge([$city['id']], explode('/', trim($city->path, '/')))]];
		return app('json')->success($services->getCityList($where, 'id as value,id,name as label,parent_id as pid', ['children']));
	}

可以放在,下图所示位置:

4ace8202409061702254142.png

10、文件:app/controller/admin/v1/store/SystemStore.php

方法:save,增加如下两部分代码:

b4f79202409241451308093.png

11、文件:app/controller/store/system/Store.php

方法:update, 增加如下代码

d793b202409241452442782.png

12、文件:app/services/store/SystemStoreServices.php

增加代码:

$storeInfo['addressSelect'] = [$storeInfo['province'], $storeInfo['city'], $storeInfo['area'], $storeInfo['street']];

baec1202409241455116208.png

beed5202409241453411814.png

14、重启swoole


注意⚠️:

附件中有完整修改打包后文件,

可以下载:地图修改.zip,

在项目站点根目录解压(针对技术小白)


附件

map.zip

附件

地图修复.zip

请登录后查看

神经蛙 最后编辑于2024-09-24 14:59:53

快捷回复
回复
回复
回复({{post_count}}) {{!is_user ? '我的回复' :'全部回复'}}
排序 默认正序 回复倒序 点赞倒序

{{item.user_info.nickname ? item.user_info.nickname : item.user_name}} LV.{{ item.user_info.bbs_level }}

作者 管理员 企业

{{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest == 1? '取消推荐': '推荐'}}
{{item.is_suggest == 1? '取消推荐': '推荐'}}
沙发 板凳 地板 {{item.floor}}#
{{item.user_info.title || '暂无简介'}}
附件

{{itemf.name}}

{{item.created_at}}  {{item.ip_address}}
{{item.like_count}}
{{item.showReply ? '取消回复' : '回复'}}
删除
回复
回复

{{itemc.user_info.nickname}}

{{itemc.user_name}}

回复 {{itemc.comment_user_info.nickname}}

附件

{{itemf.name}}

{{itemc.created_at}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回复' : '回复'}}
删除
回复
回复
查看更多
3139
{{like_count}}
{{collect_count}}
添加回复 ({{post_count}})

相关推荐

快速安全登录

使用微信扫码登录
{{item.label}} 加精
{{item.label}} {{item.label}} 板块推荐 常见问题 产品动态 精选推荐 首页头条 首页动态 首页推荐
取 消 确 定
回复
回复
问题:
问题自动获取的帖子内容,不准确时需要手动修改. [获取答案]
答案:
提交
bug 需求 取 消 确 定

微信登录/注册

切换手机号登录

{{ bind_phone ? '绑定手机' : '手机登录'}}

{{codeText}}
切换微信登录/注册
暂不绑定
CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

微信扫码咨询

CRMEB开源商城下载 源码下载 CRMEB帮助文档 帮助文档
返回顶部 返回顶部
CRMEB客服