Question

测试热力图时显示L.heatLayer未定义,已经引用了leaflet.heat请问是哪里引用错了吗

 <script
      type="text/javascript"
      include="leaflet.heat"
      src="dist/leaflet/include-leaflet.js"
    ></script>

// 进行热力图的显示
loadHeatMap();
function loadHeatMap() {
  var heatNumbers = 150,
    heatRadius = 30;
  var num = parseInt(heatNumbers);
  num = num > 0 ? num : 0;
  var radius = parseInt(heatRadius);
  radius = radius > 0 ? radius : 0;
  var heatPoints = [];
  for (var i = 0; i < num; i++) {
    heatPoints[i] = [
      Math.random() * 0.28 + 39.78,
      Math.random() * 0.5 + 116.12,
      Math.random() * 80,
    ];
  }
  resultLayer = L.heatLayer(heatPoints, {
    radius: radius,
    minOpacity: 0.5,
  }).addTo(map);
}

Answer 1

您好，您的 src="dist/leaflet/include-leaflet.js"这里的路径还是改为相对路径哈，即使在同一级别的目录下，也先跳到父级目录，在进入当前目录下寻找dist文件夹

Comments

<script
      type="text/javascript"
      include="leaflet.heat"
      src="./dist/leaflet/include-leaflet.js"
    ></script>

您好，是这样调整吗？我问这边还是报错，之后我去直接找到文件所在目录去引用后，还是报错

<script
      type="text/javascript"
      src="libs/leaflet/plugins/leaflet.heat/leaflet-heat.js"
    ></script>

---

您好，“/ ”基准所在的最顶级目录即根目录，根目录是相对于其他子目录来说的；您用的“./”是基准所在的当前目录；而“../”是基准所在的当前目录的上一级目录（当前目录的父级目录）；结合您的工程目录结构，如果您的js文件与html页面在同一层级目录下，先用“../”找到父级目录，再进入js所在目录下哈，如果不是，也用“../”方法寻找到相应目录哈

---

按照您说的设置后问题还是没有解决QAQ，会不会是别的原因呢

---

请问您有下载iclient示例吗，有的话请您打开本地示例，找到与dist同级目录下的examples\leaflet\12_heatMap.html，运行本地使用L.heatLayer的示例，看一下差异呢

---

好的我去看下，谢谢您