首页 / 浏览问题 / WebGIS / 问题详情
leaflet-draw绘制图形时报错
20EXP 2023年09月06日

使用产品:iserver 11i 操作系统:win10x64
数据类型: postgre sql
问题详细描述:1、npm下载leaflet-draw插件后,代码复制官方示例,但是绘制图形时开始报错
问题重现步骤: 1.

1个回答

您好,请问报的什么错?
640EXP 2023年09月06日
leaflet.draw.js:8 Uncaught TypeError: Cannot read properties of undefined (reading 'length')
    at NewClass._getTooltipText (leaflet.draw.js:8:11455)
    at NewClass._updateTooltip (leaflet.draw.js:8:10325)
    at NewClass._onMouseMove (leaflet.draw.js:8:7675)
    at NewClass.fire (Events.js:190:11)
    at NewClass._fireDOMEvent (Map.js:1440:15)
    at NewClass._handleDOMEvent (Map.js:1397:8)
    at HTMLDivElement.handler (DomEvent.js:92:13)

leaflet.draw.js:8 Uncaught TypeError: Cannot read properties of undefined (reading 'length')
    at NewClass._calculateFinishDistance (leaflet.draw.js:8:9334)
    at NewClass._endPoint (leaflet.draw.js:8:8530)
    at NewClass._onTouch (leaflet.draw.js:8:9122)
    at NewClass.fire (Events.js:190:11)
    at NewClass._touchEvent (leaflet.draw.js:9:8930)
    at NewClass._onTouchStart (leaflet.draw.js:9:9314)
    at handler (DomEvent.js:92:13)
    at _handlePointer (DomEvent.Pointer.js:98:2)
    at DomEvent.Pointer.js:59:3

leaflet.draw.js:8 Uncaught TypeError: Cannot read properties of undefined (reading 'length')
    at NewClass._getTooltipText (leaflet.draw.js:8:11455)
    at NewClass._updateTooltip (leaflet.draw.js:8:10325)
    at NewClass._onMouseMove (leaflet.draw.js:8:7675)
    at NewClass.fire (Events.js:190:11)
    at NewClass._fireDOMEvent (Map.js:1440:15)
    at NewClass._handleDOMEvent (Map.js:1397:8)
    at HTMLDivElement.handler (DomEvent.js:92:13)

Marker.js:311 Uncaught TypeError: Cannot read properties of null (reading '_latLngToNewLayerPoint')
    at Proxy._animateZoom (Marker.js:311:23)
    at Proxy.fire (Events.js:190:11)
    at Proxy._animateZoom (Map.js:1689:8)
    at Proxy.<anonymous> (Map.js:1667:9)

您好,以下两个函数在处理数据时出现了错误:

  1. NewClass._getTooltipText: 在该函数中,尝试读取一个未定义的对象的属性 'length',导致报错。
  2. NewClass._calculateFinishDistance: 在该函数中,同样尝试读取一个未定义对象的属性 'length',也导致报错。

此外,还有其他两个错误:

  1. Proxy._latLngToNewLayerPoint: 尝试读取一个 null 对象的属性 '_latLngToNewLayerPoint',导致报错。
  2. Proxy._animateZoom: 在该函数中尝试执行动画缩放操作,但出现问题导致报错。

您可以参考官网示例:https://iclient.supermap.io/examples/leaflet/editor.html#drawAndModify

希望能帮助到您!

我就是下载了leaflet-draw之后,就直接复制的这个例子,但是它报错
可以给具体代码发给我,我帮您看看。
...