Leaflet Grafana文本面板在绘制传单圆时出错

Leaflet Grafana文本面板在绘制传单圆时出错,leaflet,grafana,Leaflet,Grafana,我正在尝试使用Grafana(HTML模式)中的文本面板在传单地图中绘制圆圈 当我尝试放大地图时会出现错误,而且圆圈在缩放时没有调整大小 我想知道同样的代码在独立的传单html页面中是否工作正常,但在Grafana(v6.6.2)中却出现了错误 有相同的解决方案吗? 提前谢谢 PFB代码和错误截图供参考 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <met

我正在尝试使用Grafana(HTML模式)中的文本面板在传单地图中绘制圆圈 当我尝试放大地图时会出现错误,而且圆圈在缩放时没有调整大小

我想知道同样的代码在独立的传单html页面中是否工作正常,但在Grafana(v6.6.2)中却出现了错误

有相同的解决方案吗? 提前谢谢

PFB代码和错误截图供参考

<!doctype html>
<html lang="en">

<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
  integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
  crossorigin=""/>

  <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
  integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
  crossorigin=""></script>

</head>
<body>
<button onclick="myFunction()">Click me</button>
<br>
<p id="demo"></p>
 <div id="map" style="width: 1200px; height: 500px;"></div>

<script> 
var map = L.map('map', {
    center: [44.35,-77.6],
    zoom: 4
});

L.tileLayer(
  'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18,
  }).addTo(map);

function myFunction() 
{
    L.circle([44.35,-77.6], {radius: 500}).addTo(map);
}
 </script>
</body>
</html>

点击我

var map=L.map('map'{ 中间:[44.35,-77.6], 缩放:4 }); 蒂莱耶( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{ maxZoom:18, }).addTo(地图); 函数myFunction() { 圆([44.35,-77.6],{半径:500}); }

可能是旧版本?查看
console.log(L.version)
1.6.0版本的传单相同的代码在独立的传单应用程序中运行良好,但在Grafana中抛出错误