From abfe3ffe5f6d161f2a6466c8bdbcbc17de1e64b6 Mon Sep 17 00:00:00 2001
From: tuqin <tuqin@tuqin.cn>
Date: 星期四, 05 十一月 2026 17:43:27 +0800
Subject: [PATCH] fix(map): v2.0 补 HOST_TYPE；诊断页延长等待并修正协议
---
src/components/map/src/utils.ts | 119 ++++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 77 insertions(+), 42 deletions(-)
diff --git a/src/components/map/src/utils.ts b/src/components/map/src/utils.ts
index fb0bcbc..5fbfe95 100644
--- a/src/components/map/src/utils.ts
+++ b/src/components/map/src/utils.ts
@@ -1,41 +1,79 @@
/**
* 鐧惧害鍦板浘 SDK 鍔犺浇宸ュ叿
*
- * 閲嶈锛氳繖閲屽繀椤荤洿杩� getscript锛屼笉鑳界敤 api?... 鍦板潃銆�
- * api?v=1.0&type=webgl&ak=xxx 杩斿洖鐨勬槸涓�娈�
- * document.write('<script src="https://api.map.baidu.com/getscript?..."></script>')
- * 鑰岄�氳繃 document.body.append(script) 鍔ㄦ�佹彃鍏ョ殑鑴氭湰閲岋紝document.write 浼氳娴忚鍣ㄦ嫤鎴�
- * 锛圕hrome 鐩存帴鎻愮ず "A parser-blocking, cross site script ... invoked via document.write was NOT executed"锛夛紝
- * 瀵艰嚧鐪熸鐨� SDK 浠庢湭鍔犺浇銆亀indow.BMapGL 涓�鐩存槸 undefined/null銆�
- * 浣� api 閲岀殑 callback 浠嶄細琚皟鐢紝璋冪敤鏂硅浠ヤ负鍔犺浇鎴愬姛锛屾帴鐫�鎵ц new BMapGL.Map()
- * 灏辨姏鍑恒�孋annot read properties of null (reading 'Map')銆嶃��
+ * 鈿狅笍 鏈儴缃茬幆澧冿紙鍚鎴风鎵�鍦ㄧ綉缁滐級IPv6 涓嶉�氾紝鑰岀櫨搴︽墍鏈夋湇鍔″煙鍚嶇殑 DNS
+ * 閮戒紭鍏堣繑鍥� AAAA锛圛Pv6锛夎褰曪紝娴忚鍣ㄤ紭鍏堣繛 IPv6 浼氱珛鍗冲け璐モ�斺��
+ * 琛ㄧ幇涓� script 鐨� error 浜嬩欢 1 绉掑唴瑙﹀彂锛屽湴鍥惧畬鍏ㄥ姞杞戒笉鍑烘潵銆�
+ * 鏈嶅姟鍣ㄤ晶瀹炴祴锛歝url -4 寰楀埌 HTTP 200 / 0.94s锛沜url -6 鐩存帴澶辫触銆�
*
- * getscript 杩斿洖鐨勬槸 875KB 鐨勭湡瀹� SDK锛堝凡瀹炴祴 HTTP 200 涓斿惈 BMapGL 瀹氫箟锛夛紝
- * 鐩存帴鐢� script.src 鍔犺浇鍗冲彲锛岃剼鏈墽琛屽畬 window.BMapGL 灏卞凡灏辩华銆�
+ * 鍥犳杩欓噷鍔犺浇鐨勬槸銆屾湰绔欐敼鍐欑増 SDK銆�/bmap-sdk.js锛�
+ * 鎶� SDK 鍐呴儴鎵�鏈夌櫨搴﹀煙鍚嶏紙api.map.baidu.com銆乤pimaponline0-3.bdimg.com銆�
+ * apisv0/1.bdimg.com銆亀ebmap0.bdimg.com銆乵ap.baidu.com 鈥︼級
+ * 鍏ㄩ儴鏇挎崲涓� window.location.host + /bmap-xxx锛�
+ * 鐢辨湇鍔″櫒 nginx 鐢ㄥ浐瀹� IPv4 鍥炴簮锛屽鎴风鍙闂湰绔� 9023銆�
+ * 锛堟敼鍐欒剼鏈敓鎴愶紝瑙� nginx bmap-proxy.conf 涓� public/bmap-sdk.js锛�
+ *
+ * 鍔犺浇椤哄簭锛�
+ * 1. /bmap-sdk.js 鈥斺�� 鏈珯鏀瑰啓鐗堬紙鐡︾墖銆佹帴鍙ｄ篃鍏ㄩ儴璧颁唬鐞嗭級
+ * 2. /bmap-api/getscript 鈥斺�� 鏈珯鏈敼鍐欎唬鐞嗭紙鍏滃簳锛�
+ * 3. https://api.map.baidu.com/getscript 鈥斺�� 鐩磋繛鐧惧害锛圛Pv6 閫氱殑鐜鍙敤锛�
+ *
+ * 鍏朵粬娉ㄦ剰锛氬姞杞藉墠瑕佽 window.BMAP_PROTOCOL = 'https'锛�
+ * 涓嶈缁� script 鍔� async锛圫DK 渚濊禆 document.currentScript锛夛紱
+ * script 鐨勪簨浠跺悕鏄� error 涓嶆槸 onerror銆�
*/
// 鎵╁睍 Window 鎺ュ彛浠ュ寘鍚櫨搴﹀湴鍥� GL API
declare global {
interface Window {
BMapGL: any;
+ BMAP_PROTOCOL: any;
+ BMapGL_loadScriptTime: any;
}
}
// SDK 鍔犺浇鐘舵��
let loadPromise: null | Promise<void> = null;
+/** 鐢ㄦ寚瀹氬湴鍧�鍔犺浇涓�娆� */
+function loadFrom(url: string, timeout: number): Promise<void> {
+ return new Promise((resolve, reject) => {
+ const timeoutId = setTimeout(() => {
+ reject(new Error(`鐧惧害鍦板浘 SDK 鍔犺浇瓒呮椂锛�${url}`));
+ }, timeout);
+
+ const script = document.createElement('script');
+ script.src = url;
+ // 涓嶈璁� async锛歋DK 渚濊禆 document.currentScript 瀹氫綅鑷韩
+
+ script.addEventListener('load', () => {
+ clearTimeout(timeoutId);
+ if (!window.BMapGL) {
+ reject(new Error(`鑴氭湰宸蹭笅杞戒絾鏈寕杞藉湴鍥惧璞★細${url}`));
+ return;
+ }
+ resolve();
+ });
+
+ // 浜嬩欢鍚嶆槸 error锛屼笉鏄� onerror
+ script.addEventListener('error', () => {
+ clearTimeout(timeoutId);
+ reject(new Error(`鍔犺浇澶辫触锛�${url}`));
+ });
+
+ document.body.append(script);
+ });
+}
+
/**
* 鍔犺浇鐧惧害鍦板浘 GL SDK
- * @param timeout 瓒呮椂鏃堕棿锛堟绉掞級锛岄粯璁� 10000
+ * @param timeout 鍗曟灏濊瘯鐨勮秴鏃舵椂闂达紙姣锛夛紝榛樿 10000
* @returns Promise<void>
*/
export const loadBaiduMapSdk = (timeout = 10_000): Promise<void> => {
- // 宸插姞杞藉畬鎴�
if (window.BMapGL) {
return Promise.resolve();
}
-
- // 姝ｅ湪鍔犺浇涓紝杩斿洖鍚屼竴涓� Promise
if (loadPromise) {
return loadPromise;
}
@@ -45,38 +83,35 @@
return Promise.reject(new Error('鏈厤缃� VITE_BAIDU_MAP_KEY'));
}
- loadPromise = new Promise((resolve, reject) => {
- const timeoutId = setTimeout(() => {
- loadPromise = null;
- reject(new Error('鐧惧害鍦板浘 SDK 鍔犺浇瓒呮椂锛岃妫�鏌ョ綉缁�'));
- }, timeout);
+ // 鐧惧害瀹樻柟瑕佹眰锛氬厛澹版槑鍗忚锛岄伩鍏� HTTPS 椤甸潰涓� SDK 鎷煎嚭 http 瀛愯祫婧愬湴鍧�
+ window.BMAP_PROTOCOL = window.location.protocol.replace(':', '');
+ // v2.0 蹇呴渶锛氬畼鏂� api?v=2.0 浼氳缃� HOST_TYPE='2'锛岀洿鎺ョ敤 getscript 鏃惰鑷繁琛�
+ (window as any).HOST_TYPE = '2';
+ window.BMapGL_loadScriptTime = Date.now();
- const script = document.createElement('script');
- script.src = `https://api.map.baidu.com/getscript?type=webgl&v=1.0&ak=${accessKey}&services=&t=${Date.now()}`;
- script.async = true;
+ const query = `type=webgl&v=1.0&ak=${accessKey}&services=&t=${Date.now()}`;
+ const candidates = [
+ // 鏈珯鏀瑰啓鐗堬細鍐呴儴鍩熷悕鍏ㄩ儴鎸囧悜鏈珯浠ｇ悊锛岀摝鐗�/鎺ュ彛閮借蛋 IPv4
+ '/bmap-sdk.js',
+ // 鏈珯浠ｇ悊鐨勫畼鏂� SDK锛堟湭鏀瑰啓锛岀摝鐗囦粛鎸囧悜鐧惧害锛屼粎浣滃厹搴曪級
+ `/bmap-api/getscript?${query}`,
+ // 鐩磋繛鐧惧害锛堜粎 IPv6 姝ｅ父鐨勭幆澧冩湁鏁堬級
+ `https://api.map.baidu.com/getscript?${query}`,
+ ];
- script.addEventListener('load', () => {
- clearTimeout(timeoutId);
- if (!window.BMapGL) {
- // ak 鏃犳晥 / 鍩熷悕鏈巿鏉� / 琚嫤鎴椂锛岃剼鏈兘鍔犺浇浣嗕笉浼氭寕杞� BMapGL
- loadPromise = null;
- reject(
- new Error('鐧惧害鍦板浘鍔犺浇寮傚父锛氭湭鑾峰彇鍒板湴鍥惧璞★紝璇锋鏌� Key 鎴栧煙鍚嶆巿鏉�'),
- );
+ loadPromise = (async () => {
+ const errors: string[] = [];
+ for (const url of candidates) {
+ try {
+ await loadFrom(url, timeout);
return;
+ } catch (error: any) {
+ errors.push(error?.message ?? String(error));
}
- resolve();
- });
-
- // 娉ㄦ剰锛氫簨浠跺悕鏄� error锛屼笉鏄� onerror锛堝啓 onerror 姘歌繙涓嶄細瑙﹀彂锛�
- script.addEventListener('error', () => {
- clearTimeout(timeoutId);
- loadPromise = null;
- reject(new Error('鐧惧害鍦板浘 SDK 鍔犺浇澶辫触锛岃妫�鏌ョ綉缁�'));
- });
-
- document.body.append(script);
- });
+ }
+ loadPromise = null;
+ throw new Error(`鐧惧害鍦板浘 SDK 鍔犺浇澶辫触锛�${errors.join(' | ')}`);
+ })();
return loadPromise;
};
--
Gitblit v1.9.3