tuqin
3 天以前 3b8ba54ea299a9febdf3a989a72b4eba311be796
public/bmap-test.html
@@ -105,5 +105,45 @@
      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>