回答情况：
提问时间：
问题标签：
这就是为什么我要导入一个用传单制作的组件，作为关闭ssr的动态组件。return (<> <MapWithNoSSR /></>)Map组件如下所示：
import React, { useEffect, useState, useRef } from<anonymous> (E:\Github\Planer\rl-planer\node_modules\leaflet\dist\leaflet-src.js:10
浏览 13修改于2022-05-06得票数 3
我正在开发一个大型的angular 8应用程序，它有许多使用leaflet的组件。现有的组件直接使用leaflet和一些插件，像这样导入： import * as L from 'leaflet'
import 'leaflet.markercluster' 它一直在起作用。我想在构建新组件和重构现有组件时逐步引入ngx-leaflet，但这会带来麻烦。我按照文档创建了一个简单的map组
浏览 19提问于2019-10-10得票数 0
我正在使用传单在一个LitElelement网页组件。传单本身效果很好。import * as L from 'leaflet/dist/leaflet-src.esm.js';
import 'leaflet.markercluster';MarkerClusterGroup.js:5 Uncaught ReferenceError: L is not
浏览 1修改于2021-10-07得票数 0
我想在leaflet弹出窗口中使用"bringToFront“函数，它是leaflet对象的一部分。我如何调用函数-无论是作为L对象，还是l-popup组件？Vue- leaflet库允许将leaflet元素呈现为像"l-marker“或"l-popup”这样的组件。例如，像"l-add“这样的标记函数可以通过添加"@”符号(作为vue组件)来使用。我尝试过将@bring to-front=“condition”传递到<
浏览 17修改于2019-08-26得票数 2
我正在使用react-leaflet在我的react应用程序中创建地图。在Map组件中，我尝试映射一个国家数组，并返回每个国家的CirclrMarker。当我使用标记组件执行此操作时，它可以正常运行，但使用CirclrMarker组件时，代码会进入无限循环。' const markerIcon = L.icon({
icon
浏览 1修改于2021-10-30得票数 0
我能够用两个组件来构造我的地图:映射容器本身的组件和画布层的第二个组件。然后将映射组件导入到页面中。我是这样为Map容器构建组件的：import 'leaflet/dist/leaflet.css'
import 'leaflet</
浏览 16修改于2022-08-16得票数 0
回答已采纳
我真的在努力理解如何正确地将依赖项导入组件。我已经将Leaflet库及其类型安装到项目中(packages.json片段)：..."leaflet": "^1.0.2"declare module 'leaflet' {
exp
浏览 4提问于2016-12-11得票数 1
回答已采纳
我有角10应用程序使用ngx-传单和路由。我有一个地图组件，它根据用户选择动态显示地图上的自定义标记。我从map组件视图导航到另一个组件。然后我导航回映射组件。_moved (leaflet-src.js:4443)at NewClass.setZoom (leaflet-src.js_next (Subscriber.js:72)
at Subscriber.n
浏览 5修改于2021-02-04得票数 1
回答已采纳
试着在六角形组件中使用传单。取决于css文件是如何链接的，地图显示的是确定的，或者是混乱的，有丢失的瓷砖的顺序不对，这意味着css没有被考虑在内。我设法使它能够使用两个解决方案，将css链接到应用程序级别(全局)，但永远不会只连接到组件。",],// .../assets/lib/
浏览 0修改于2022-06-13得票数 12
回答已采纳
所以基本上是想自定义关闭react-leaflet弹出组件，接缝与原生API leaflet没有太大问题，但react-leaflet的react组件我找不到解决方案。
浏览 3提问于2018-08-30得票数 3
我使用npm安装了leaflet，并使用以下命令将其导入我的组件： import * as L from 'leaflet'; 它的工作方式与预期一致。接下来，我通过npm安装了leaflet-tracksymbol plugin。npm install --save leaflet-tracksymbol 并将其导入我的组件中： import * as L from 'leaflet';
import 'lea
浏览 10提问于2021-11-05得票数 0
回答已采纳
react-leaflet-context-menu是leaflet.contextmenu的react版本。但是，它在react中使用了原始的leaflet地图来实现插件，而不是使用react-leaflet。 <ScaleControl imperial={false} metric={true}/>
</LeafletMa
浏览 38提问于2019-11-12得票数 5
地图组件是使用React传单库构建的。为了组织和清晰起见，我创建了另一个组件来创建画布标记。这对于随机生成的点很好，但是现在我不知道如何将我的GeoJSON添加到画布层。那么，将api数据拖到组件中的正确或最佳方法是什么？, TileLayer, Marker, Popup } from 'react-leaflet'import 'leaf
浏览 2提问于2022-08-27得票数 0
回答已采纳
当我试图渲染react-leaflet-search时，我得到了一个错误。当我尝试使用该错误的解决方案时，react正在编译，但组件似乎没有呈现。 我尝试了他们的示例simple search。topleft" />); 我甚至试过这个： const searchComponent = withLeaflet(ReactLeafletSearch); 这些代码行绕过了"error“，但似乎没有组件正在呈现我的react-leaflet Map组件正在加载，还有缩放+&#
浏览 57修改于2020-03-07得票数 0
回答已采纳
2回答
我有一个具有状态的Map组件。此状态表示标记在地图上的位置。 <> <link rel="stylesheet" href="https:/
浏览 2提问于2022-07-01得票数 1
回答已采纳
我正在使用leaflet v1.8.0和react-leaflet v4.0.1在我的Next.js应用程序中。我在里面有一个map容器组件和标记组组件。以前它运行良好，但是在后端进行了一些数据库更改并相应地修复了前端之后，每当我尝试用map容器组件加载页面时，我就会收到类似的错误。\dist\leaflet-src.esm.js (4583:0)import { MapContainer, TileLay
浏览 7提问于2022-10-11得票数 0
回答已采纳
我试图在我的下一个JS13.0.1项目中实现一个LeafLet映射组件，但是映射组件的呈现出现了问题。在map组件的第一个加载中，出现此错误： at eval (webpack-internal:///(sc_client项目结构：
import { useState } from &
浏览 16提问于2022-11-02得票数 1
我想在我的Ionic 2项目中使用Leaflet.freedraw插件。传单自我工作没有问题。但是，当将let freeDraw = new FreeDraw();添加到我的MapPage组件时，我会得到错误消息：
因为当我尝试这个：我发现一个错误，那就是传单上没有这样的出口组件。这是我的Map组件：
import { Com
浏览 3提问于2016-12-15得票数 1
回答已采纳
我在一个组件中使用vue2leaflet，这个组件包含在<client-only>标记中，但仍然从nuxt那里得到一个错误，比如window is not defined。我知道我可以使用nuxt-leaflet或者创建一个插件，但是这大大增加了供应商的捆绑，我不想那样做。我想要导入传单插件只为组件需要它。有什么办法吗？<client-only></client-only>
map组件<
浏览 0修改于2022-04-14得票数 19
回答已采纳
我已经用react-leaflet和钩子写了一个React项目。我的目标是每秒移动和旋转标记。然而，移动部件工作正常。但是标记的旋转不起作用。最近几天我真的被卡住了。我找不到一个好的解决方案。map组件如下所示。} from "react";import 'leaflet-marker-rotation';
const MySimpleMap = () =>dist/images/ma
浏览 108修改于2021-02-24得票数 3
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号