leaflet 相关问题

Leaflet是一个开源JavaScript库,适用于移动设备友好的跨浏览器交互式地图。对于R传单包,请使用r-leaflet标签。


如何防止LeafletJS中点击时地图移动和缩放?

我有一个 Leaflet JS 地图,图标上有点击事件,显示一个包含更多信息的弹出窗口。在实时站点上,地图的行为很奇怪:单击标记会不自觉地将地图和弹出窗口移动到...

回答 1 投票 0

为什么我的Qt代码返回错误js: Uncaught ReferenceError: L is not Defined

我正在尝试使用 QWebEngine 在窗口中显示传单地图,但出现无法解决的错误: Node.js:未捕获的引用错误:L 未定义 我使用 Qt6.8.1 和 MSVC2022_64bit 套件 我

回答 1 投票 0

传单未加载所有图块

我在将 leafet 集成到我的反应库中时遇到一些问题,有时在刷新时,不会对所有图块进行网络调用,这些图块最终不会加载整个地图,只是......

回答 1 投票 0

传单地图意外缩小到世界观

我正在尝试将传单集成到我的反应库中,但我面临的问题是,即使我已经为MapContainer设置了初始边界和缩放设置,有时在页面上重新加载地图动物园...

回答 1 投票 0

如何将 Climate API 转换为 WMS / WFS 层以进行高级分析

我正在尝试访问openweathermap api预报,在某些时候我需要根据气候层做出决定,所以请帮助我从api转换为WFS层(Geoserver)。谢谢。我是JS

回答 1 投票 0

改进 Openweathermap 的 Api 调用以获取 Leaflet 上的图块

我正在尝试向我的传单地图添加一个包含当前天气的图层。为此,我正在使用这个传单插件 https://github.com/buche/leaflet-openweathermap 使用此调用: https://瓷砖。

回答 1 投票 0

检测用户在Leaflet上发起的平移/缩放操作

我有一张传单地图,用于位置共享。当用户共享其位置时,显示其位置的标记将添加到地图中以供所有其他用户查看。它会自动调整地图至

回答 5 投票 0

React Leaflet 仅显示标记阴影

我正在使用: “传单”:“1.9.4”, “下一个”:“15.1.4”, “反应”:“19.0.0”, “反应-dom”:“19.0.0”, “反应传单”:...

回答 1 投票 0

地图父状态的更改会自动在react-leaflet-markercluster中取消spiderfies集群

我正在使用react-leaflet-markercluster对react-leaflet应用程序中的一些标记进行聚类。 我的应用程序的一个关键部分是,当用户单击地图标记时,该标记应该是高亮的...

回答 1 投票 0

传单:我可以添加类,但无法向 GeoJSON 添加样式

我使用传单将一个类添加到我的 geoJSON 路径中。 聚 = 新 L.GeoJSON(polyArea[0], { 风格:{ 重量:2, 不透明度:1, 填充不透明度:0.5, 类名:“聚”, ...

回答 1 投票 0

如何读取带有坐标的 JSON 文件并将其绘制在地图上?

我的 JSON 文件: [ { “坐标”:[45.464743,9.189135799999999], “Indirizzo”:“米兰大教堂广场自行车共享” }, { “坐标”:[45.466429...

回答 3 投票 0

传单 L.control() 元素中的按钮没有响应

我想在传单地图的 L.control() 信息框中添加一个按钮。不管按钮的初衷是什么,现在我只想知道为什么这不起作用(info.buttonClicked() 不是......

回答 2 投票 0

React Leaflet“绘制标记”选项不显示标记图标

使用带有自定义图标的组件无论如何都可以,但尝试使用右侧的工具标记位置不会显示标记图像。 提前致谢。 const MarkerIcon = new L.Icon(...

回答 1 投票 0

向传单 L.control() 元素添加按钮

我想在传单地图的 L.control() 信息框中添加一个按钮。不管按钮的初衷是什么,现在我只想知道为什么这不起作用(info.buttonClicked() 不是......

回答 1 投票 0

传单中未显示标记图标

我已经制作了一个非常简单的 React / Leaflet 演示,但标记图标根本没有显示。 完整的运行代码在这里。 这是我的 componentDidMount 方法中的内容: 组件DidMount()...

回答 8 投票 0

为什么传单 L.control() 元素中的这个按钮不起作用?

我想向 leafletjs 地图的 L.control() 信息框添加一个关闭按钮: 让地图; 地图 = L.map("地图").setView([45.0, 0.0], 8); vartiles = L.tileLayer("https://tile.openstreetmap...

回答 1 投票 0

直接渲染<Context>不受支持,将在未来的主要版本中删除。您的意思是渲染 <Context.Consumer> 吗?

我在我的反应应用程序中使用反应传单。 我使用 context api 来构建我的项目。 但是当我尝试使用代码使用传单时: 我在我的反应应用程序中使用反应传单。 我使用 context api 来构建我的项目。 但是当我尝试使用代码使用传单时: <MapContainer center={position} zoom={13} scrollWheelZoom={false}> <TileLayer attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" /> <Marker position={position}> <Popup> A pretty CSS3 popup. <br /> Easily customizable. </Popup> </Marker> </MapContainer> 我收到如下错误: 1.上下文消费者被渲染为具有多个子项,或者一个不是函数的子项。上下文使用者期望有一个作为函数的子级。如果您确实传递了一个函数,请确保它周围没有尾随或前导空格 2.不支持直接渲染,将在未来的主要版本中删除。您的意思是渲染 吗? 3.render2 不是一个函数 该怎么办? 以下是我的应用程序结构: <CitiesProvider> <BrowserRouter> <Routes> <Route path="/" element={<Homepage />} /> <Route path="product" element={<Product />} /> <Route path="pricing" element={<Pricing />} /> <Route path="login" element={<Login />} /> <Route path="*" element={<NotFound />} /> <Route path="app" element={<AppLayout />}> <Route index element={<Navigate replace to="cities" />} /> <Route path="cities" element={<CityList />} /> <Route path="countries" element={<CountryList />} /> <Route path="cities/:id" element={<City />} /> <Route path="form" element={<Form />} /> </Route> </Routes> </BrowserRouter> </CitiesProvider> 确保 CitiesProvider 仅包装单个子节点。目前,它可能尝试渲染多个组件,从而导致错误。使用React.Fragment或者单个组件来包裹,你可以尝试: <CitiesProvider> <> <BrowserRouter> <Routes> <Route path="/" element={<Homepage />} /> <Route path="product" element={<Product />} /> <Route path="pricing" element={<Pricing />} /> <Route path="login" element={<Login />} /> <Route path="*" element={<NotFound />} /> <Route path="app" element={<AppLayout />}> <Route index element={<Navigate replace to="cities" />} /> <Route path="cities" element={<CityList />} /> <Route path="countries" element={<CountryList />} /> <Route path="cities/:id" element={<City />} /> <Route path="form" element={<Form />} /> </Route> </Routes> </BrowserRouter> </> </CitiesProvider>

回答 1 投票 0

Angular 18 中的外部 JS 文件

在 Angular 18 中使用 Leaflet 插件时,在开发期间(服务时间)一切正常。但是,构建项目后,JS 文件无法加载,从而导致错误。 例如,使用

回答 1 投票 0

如何使传单地图高度可变

在我的应用程序中,我将地图的 div 制作为 但为了让我的地图响应式,我想让高度也为 100%,如果我设置高度:100%

回答 5 投票 0

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.