rree
leaflet.draw.js?20d6:8 Uncaught TypeError: 未定義のプロパティを読み取れません (「長さ」を読み取ってください)
初めてマップを操作した後、コンソールにエラーが表示され、形状を描画できなくなります
UPD: マップボックス描画に切り替える
私は同様のコードを使用してベースマップ上にポリゴンを描画しましたが、Vue3 を使用してリーフレットとリーフレットの描画で同様の問題が発生しました。ポリゴンを描画した後、コンソールに大量のエラーが表示されます。これはおそらくマウスオーバー イベントによって引き起こされたものと思われます。
問題の根本原因は見つかっていませんが、リーフレット描画がリーフレット ベース ライブラリに準拠しなくなっていることが原因である可能性があります (単なる推測です)。 Github への最後のコミットは 2018 年のもので、issues とオープンな pull リクエスト の長いリストがあり、同時に Leaflet 自体は常に更新されています。
この問題は、このライブラリを Vue で使用する場合にも発生する可能性があります。
Vanilla JS を使用して上記の機能を作成してみましたか?
これが私が問題を解決した方法です。 Leaflet の代わりに、MapBox と MapBox 描画の使用は Vue 3 で動作します
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
私は同様のコードを使用してベースマップ上にポリゴンを描画しましたが、Vue3 を使用してリーフレットとリーフレットの描画で同様の問題が発生しました。ポリゴンを描画した後、コンソールに大量のエラーが表示されます。これはおそらくマウスオーバー イベントによって引き起こされたものと思われます。
リーリー問題の根本原因は見つかっていませんが、リーフレット描画がリーフレット ベース ライブラリに準拠しなくなっていることが原因である可能性があります (単なる推測です)。 Github への最後のコミットは 2018 年のもので、issues とオープンな pull リクエスト の長いリストがあり、同時に Leaflet 自体は常に更新されています。
この問題は、このライブラリを Vue で使用する場合にも発生する可能性があります。
Vanilla JS を使用して上記の機能を作成してみましたか?
これが私が問題を解決した方法です。 Leaflet の代わりに、MapBox と MapBox 描画の使用は Vue 3 で動作します