标签: leaflet

如何使 Vue-leaflet 标记弹出窗口在加载时已打开。

<l-map style="height: 350px" :zoom="zoom" :center="center">
  <l-tile-layer :url="url"></l-tile-layer>
  <l-marker :lat-lng="markerLatLng">
    <l-popup>Hello!</l-popup>
  </l-marker>
</l-map>

我尝试过添加这样的选项

<l-popup :options="{closeOnClick: false,autoClose: false, openPopup:true}">Hello!</l-popup>

但它不起作用。

我想创建一个按钮，其功能与传单地图中的工具栏相同。按下时，用户可以在 onCreate 函数上在地图上绘制图形，但我不知道如何使用此选项制作一个按钮来绘制多边形。

这是我初始化传单地图的组件代码：

export class Dashboard extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      filenames: [],
      downloadURLs: [],
      lat: 42.696295,
      lng: 23.303643,
      zoom: 10,
      image: null,
      url: "",
      progress: 0,
      files: [],
      uploadValue: 0,
      filesMetadata: [],
      rows: [],
    };
  }
  //Set location when the map is visualized

  mapRef = createRef();



  onCreate = (e) => {
    var layer = e.layer;
    console.log("Polygon Cordinates", layer.getLatLngs());
    console.log("Log_Create_Shape: ", e);

    var drawedCord = layer.toGeoJSON().geometry.coordinates;
    for (const result of drawedCord) this.props.saveData(result);

    console.log("shape1", drawedCord);

    var …

如何检测颤动传单地图中的“放大”和“缩小”？

我正在尝试订阅缩放更改事件，但无法获取每个缩放更改的更新。

我的目标是在缩放级别上实现标记缩放。像本例中的React-Leaflet：缩放后的​​刻度标记

但是v3中的react-leaflet没有MapContainer的onZoomChange事件。所以我无法获得缩放 DivIcon 的缩放更新

我试图获取鼠标在地图上单击的位置的坐标，但 .locate() 仅返回地图的中心坐标。有办法吗？附：我没有使用基于类的反应。谢谢

 <MapContainer
          center={[ 33.8735578, 35.86379]}
        zoom={9}
        scrollWheelZoom={true}
  
      >
        <TileLayer
          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        />
</MapContainer>

我知道在 openlayers 中添加叠加层并将它们用作传递一些信息的工具提示，但我们必须管理这些事情才能完成。另一方面，Leaflet 提供bindLabel()了在地图视口中显示工具提示的功能。我的问题是可以在没有叠加层的情况下在 openlayers 中完成，因为随着叠加层数量的增加，地图渲染开始变慢。Overlays只能在一个世界中显示。如果我们想在地图的其他世界中显示它怎么办。

参考标签和覆盖：

功能的传单标签

openlayers 中的叠加

试图让 Leaflet.markercluster 与 react-leaflet 2 一起工作。

https://github.com/OpenGov/react-leaflet-cluster-layer似乎与 2.x 不兼容。

感谢任何让我入门的示例代码！

嗨,大家好,我已经尝试了几个星期,但我无法完成它.R传单的在线资源也不够.真的需要完成这件事.

请帮忙,非常感谢你.

ui.R - >

library(shiny)
library(ggmap)
library(leaflet)

shinyUI(bootstrapPage(
  leafletOutput("map"),
  br(),
  verbatimTextOutput("out")
)
)

server.R - >

library(shiny)
library(ggmap)
library(leaflet)


shinyServer(function(input, output, session) {


output$map <- renderLeaflet({

 p <- input$map_click

 if(is.null(p)){
   leaflet() %>% setView(lng = -43.1729, lat = -22.9068, zoom = 11) %>%
     addTiles(options = providerTileOptions(noWrap = TRUE)) 
 }

 else{
   address <- revgeocode(c(p$lng,p$lat))

   leaflet() %>% setView(lng = p$lng, lat = p$lat, zoom = 16) %>%
   addTiles(options = providerTileOptions(noWrap = TRUE)) %>%
   addCircles(p$lng, p$lat, weight = 1, radius = 100, color …