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