| | |
| | | |
| | | document.body.appendChild(script); |
| | | </script> |
| | | |
| | | <hr style="margin:24px 0" /> |
| | | <h3>经本站代理加载(绕开 IPv6)</h3> |
| | | <div id="log2" style="padding:12px;background:#f0f9ff;border-radius:6px;font-family:Consolas,monospace;font-size:13px;line-height:1.9;white-space:pre-wrap;word-break:break-all"></div> |
| | | <div id="map2" style="width:100%;height:320px;margin-top:12px;border:1px solid #ddd"></div> |
| | | <script> |
| | | (function () { |
| | | var el = document.getElementById('log2'); |
| | | function lg(msg, cls) { |
| | | var t = new Date().toLocaleTimeString('zh-CN', { hour12: false }); |
| | | var d = document.createElement('div'); |
| | | d.className = cls || ''; |
| | | d.textContent = '[' + t + '] ' + msg; |
| | | el.appendChild(d); |
| | | } |
| | | var url = '/bmap-api/getscript?type=webgl&v=1.0&ak=' + KEY + '&services=&t=' + Date.now(); |
| | | lg('开始加载(同域代理): ' + url); |
| | | var start = Date.now(); |
| | | var s = document.createElement('script'); |
| | | s.src = url; |
| | | s.addEventListener('load', function () { |
| | | lg('load 事件触发(耗时 ' + ((Date.now() - start) / 1000).toFixed(2) + ' 秒)', 'ok'); |
| | | lg('window.BMapGL = ' + (window.BMapGL ? '存在' : '不存在'), window.BMapGL ? 'ok' : 'bad'); |
| | | if (window.BMapGL) { |
| | | try { |
| | | var m = new window.BMapGL.Map(document.getElementById('map2')); |
| | | m.centerAndZoom(new window.BMapGL.Point(87.616848, 43.825592), 14); |
| | | m.enableScrollWheelZoom(true); |
| | | lg('地图创建成功!如果下方地图能显示,说明瓦片也能加载', 'ok'); |
| | | } catch (e) { |
| | | lg('创建地图失败: ' + e.message, 'bad'); |
| | | } |
| | | } |
| | | }); |
| | | s.addEventListener('error', function () { |
| | | lg('error 事件触发:代理也不通(说明 9023 端口或 nginx 配置问题)', 'bad'); |
| | | }); |
| | | document.body.appendChild(s); |
| | | })(); |
| | | </script> |
| | | </body> |
| | | </html> |