我正在尝试弄清楚如何根据用户输入放大地图。我先从美国地图开始，然后尝试根据邮政编码和英里数放大到特定位置：shinyUI(fluidPage(# Application titletitlePanel("Starbucks Locator"),# Sidebar with a slider input for number of binssidebarLayout(sidebarPanel(tex
问题的背景如下：我有一个闪亮的应用程序，可以在传单映射上呈现数据。这些数据可以通过不同的方式过滤和显示。但是，当用户缩放和/或移动地图然后过滤数据时，地图将恢复回初始地图视图：775374527我正在寻找的东西因为是返回地图位置的某种方式，以便当数据在代理传单函数中更新时，我也可以设置视图。以下是我要实现的目标（我已经组装了相当于输入$ mymap_click）的动作。8471111307
我现在尝试通过变量(coords)提供用户的位置，但每次我将任何变量传递到 onClickUserLoc() 时，变量都会出现错误Cannot read property 'lat' of undefined当我使用 console.log 时，它显示未定义？coords 变量包含一个位置数据数组，例如 lng 和 lat，但在 onClickUserLoc() 中变为未定义。代码： exp
2021-02-05
我从 TFL 的 API 中获取了所有自行车点的“纬度”和“经度”。我试图将所有自行车点显示为 React-leaflet 地图上的标记。我已成功获取数据并将其过滤为正确的格式 [51.505, -0.09]，并将每个标记映射到标记上component <Marker position={data.position} /> .问题是标记未显示在地图上。我已经对一些数据进行了硬编码，并且它可以工作
2019-04-19
这是我的传单地图组件。当用户点击地图时，我想获取到达坐标。我可以正确获取坐标，但我还需要在地图上标记渲染。<Mapcenter={[35.4090, 51.1555]}zoom={18}maxZoom={20}attributionControl={true}zoomControl={true}onClick={this.handleClick}doubleClickZoom={false}scr
我正在尝试使用 leaflet 在我的 reactjs 项目中添加地图，并希望在地图上显示车辆的位置。我为此做了一个示例用法。但是当我在地图上使用标记时，我看到（如您在这张图片中看到的那样）：标记的左上侧贴在我的位置。我想看到标记的底部像圆圈一样位于我的位置中心。但我做不到。我读过 react-leaflet 文档，但没有看到这个参数。如果你能帮助我，我将不胜感激。谢谢import React,
2020-04-12
我无法在 next.js 中加载 react leaflet Marker。在这里我调用了我的地图组件。const MapSearch = dynamic(import('../../components/Map'), {ssr: false,loading: () => (<div style={{textAlign: 'center', paddingTop: 20}}>Chargement…
2020-08-29
我一直在开发一个地图组件，用于渲染从搜索中流出的结果点。我已经完成了大部分工作，直到我开始为 return 语句传递 props。我使用的是自己的组件，而不是 react-leaflet 的。我注意到，如果我使用<Map ... />并使用props.locations.map( ...进行渲染，它会正常工作。如果我使用<map ref={map} >引用我的map = L.map(...)并尝试
2020-09-29
我创建了一个 React FC，并在“useEffect”中调用了一个 rest 服务，该服务应该接收 MapPoints 数组。对于每个 mappoint，我想创建一个“标记”，但它不起作用。如果我添加一个“静态”mappoints 列表，它就可以工作了。MapComponent：return isLoading? <h1>Data are loading...</h1>:<MapContain
2021-01-05
我已导入 Leaflet 模块以及一些代码来删除图标。import L from "leaflet";import { Map, TileLayer, Marker, Popup } from "react-leaflet";import "leaflet/dist/leaflet.css";delete L.Icon.Default.prototype._getIconUrl;L.Icon.De
2021-10-04
我尝试使用 react-leaflet 在我的 react 应用程序上显示地图，我做了基于文档的事情，但由于某种原因，我的标记坏了，这是我的代码const foodIcon = new L.icon({iconUrl: require('../images/makanan.png'),iconSize: [35,45]})const position = [51.505, -0.09]<div i
2021-10-31
我尝试使用react-leaflet-markercluster，但在代码中添加<MarkerClusterGroup>后，控制台中显示错误，并且页面无法加载。如果不添加此组件，一切都会正常工作。也许问题出在版本冲突上，但我尝试回滚react-leaflet的版本，但在将[email protected]与其余软件包一起安装时也会出现冲突。因此，我决定专注于使用实际版本。App.jsimport
2022-04-29
我有以下代码（如下），到目前为止，我所看到的是白页，控制台上没有任何错误。我想渲染带有标记的地图。我是 Vue 的初学者，也许你可以帮助我。我关注了一些关于 leaflet 的页面，类似的代码有效。App.vue<template><div id="app"></div></template><script>import Map from './components/Map.vue'export
2018-08-04
我正在尝试在 Vue 中使用 Leaflet 地图，但一直出现错误：Uncaught Error: Map container not found.这是我的组件的样子：<template><div id="app" class="container">Map<div class="col-md-9"><div id="mapid"></div></div></div></template><sty
2018-08-27
我试图从 leaflet 访问 flyTo 或 panTo，但不知何故它卡在错误Uncaught TypeError: Cannot read property 'flyTo' of null有没有指出问题可能是什么？我一直在关注这个：https://vue2-leaflet.netlify.app/faq/#how-can-i-access-the-leaflet-map-object并且我提供
2021-07-21