javascript - 传单加权热图 JavaScript

标签 javascript leaflet heatmap

我正在尝试根据以下数据创建热图;

 var ankara_sincan = L.point(32.5850, 39.9719);
    var ankara_dikmen = L.point(32.8406, 39.8964)
    var testData = {
        max: 8,
        data: [{lat: ankara_sincan.x, lng: ankara_sincan.y, weight: 3}, {
            lat: ankara_dikmen.x,
            lng: ankara_dikmen.y,
            weight: 2

我正在 this 中的传单中使用热图扩展页。

问题是;在文档页面和示例中,使用名为 HeatMapOverlay 的函数,如下所示;

  var heatmapLayer = new HeatMapOverlay(cfg);

但在我的代码中我收到此错误;

Uncaught ReferenceError: HeatMapOverlay is not defined

我在代码开头定义了源,例如;

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" charset="utf-8">
<link rel="stylesheet" href="boge\leaflet.label.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" />
<script src="/plugins/leaflet-heatmap.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="/build/heatmap.js"></script>
<script src="boge\leaflet-pip.min.js"></script>
<script src="/plugins/leaflet-heatmap.js"></script>

我不明白为什么编译器无法在预定义位置找到我的 HeatMapOverlay 函数。提前致谢>_<

最佳答案

这是一个简单的错字。替换

new HeatMapOverlay(cfg)

new HeatmapOverlay(cfg)

关于javascript - 传单加权热图 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37854150/

相关文章:

javascript - NumberTextBox 只允许整数

javascript - 如何在传单实时制作线串并在每个点上标记?

python - 如何在 2 个 plotly Heatmap 子图上共享相同的 Z 轴

r - plotly heatmapgl 中的分类轴

javascript - JavaScript 倒计时不起作用

javascript - Demandforce 任命表格,与 Wordpress 集成

unit-testing - 如何对 Leaflet JS map 进行单元测试?

javascript - 有没有办法在 react 中使用 leaflet.heat ?

Python Plotly 热图日期时间仅显示部分

javascript - 如何使用 Javascript 检查 CSS 媒体查询?