Leaflet 第6册从5.x版升级

这是升级后的结果 一切似乎都在中间的一个小方格里。< /P> 这是之前的代码 这里发生了什么事 我设置的一切几乎都是一样的 map = L.map("map", { minZoom: 0, maxZoom: 7, crs: L.CRS.Simple }).setView([0, 0], 0); 尝试将最大缩放设置为6 map = L.map("map", { minZoom: 0, maxZoom: 6, crs: L.CRS.Simple })

Leaflet 来自标记的多个弹出窗口

如何在单击多个标记后保持多个弹出窗口打开?默认情况下,传单似乎关闭上一个弹出窗口 例如,请参见 https://leafletjs.com/examples/geojson/ 有6个橙色标记。单击其中任何一个按钮时,将打开一个弹出窗口。单击下一个时,将打开一个新的弹出窗口,并关闭上一个弹出窗口。我想让它们保持打开状态,直到手动关闭。您可以选择 您将需要Popup而不是BindPopuString

Leaflet 如何在react手册v3中绘制形状

您是否知道如何实现react-V3的绘图功能? 我添加了一个事件侦听器,但它不工作,对任何事情都没有反应 useffect(()=>{ 如果(!map)返回; map.addEventListener(“mousemove”,函数(事件){ setCoords({lat:event.latlng.lat,lng:event.latlng.lng}); }); map.on(“draw:drawstart”),函数(事件){ 日志(“此处事件”,事件); }); const drawControl

Leaflet 你能把MapDotNet和传单一起使用吗?

是否可以将传单连接到MapDotNet服务器?可以 MapDotNet提供WMS服务,传单可以连接 传单可以使用WMS服务,请参见是的,您可以 MapDotNet提供WMS服务,传单可以连接 传单可以使用WMS服务,请参见

Leaflet 在MouseOver上显示簇内标记的名称

我试图显示一个带有聚集标记的地图,在单击放大之前,用户可以在鼠标上方看到集群内标记的名称 以下是我一直在研究的示例: 其目的是,伦敦的onmouseover应显示居住在伦敦的四个人的姓名,巴黎的onmouseover应显示居住在巴黎的三个人的姓名 到目前为止,我也只做到了这一点 显示名称,但不显示地图视图中所有标记的名称 显示群集中的对象,但不显示名称 Javascript markers.on('clustermouseover', function (a) { var inBo

Leaflet 如何更新ESRI传单属性面板

我正在使用Leftlet创建这样的地图 var map = L.map('map').setView([54.793577, -126.687482], 6); L.esri.basemapLayer('NationalGeographic').addTo(map); 现在你能告诉我如何更新传单控制属性吗 显示以下信息 attribution: '© Thesite contributors, Points &copy 2012 LINZ' 我试过这样做 var map

Leaflet JS中的TopJSON转换为GeoJSON

我正在修补一个文件,该文件包含状态的GeoJSON数据,但作为变量存储在JS中。 这是文件 但是,我现在正在使用Topojson并阅读文档 特性(拓扑、对象)将GeoJSON转换为topojson 但是,有没有一种方法可以像我对Geojson所做的那样,预先将Topojson格式存储为JS格式,然后调用某个函数转换为Geojson 任何帮助都将不胜感激 TopoJSON有一个服务器和客户端API。Serverside(命令行)用于将GeoJSON(以及其他格式、shp等)转换为称为TopoJSO

Leaflet 传单-仅绘制多段线顶点

标题很清楚,我使用的是传单,我只需要显示多段线的顶点。例如,请参见下图: 目前我只能有黑线,我只想要红色的方块。使用标记不是性能问题的选项,我的线可能很大(50万个顶点),需要使用smoothFactor 可能吗?如果没有,是否有人知道一个插件可以这样做,或者有人提示我如何通过扩展Polyline类来做到这一点?这里可以做的是每次渲染Polyline时,获取它的SVG路径段,使用这些点将SVG矩形元素添加到Polyline的容器中: var polyline = L.Polyline([]).

Leaflet 设置较慢的缩放速度

是否可以设置较慢的缩放速度?我正在使用setView在地图上的兴趣点之间转换,希望使用较慢的转换。在文档中的任何地方,我都无法找到一种方法来设置较慢的放大/缩小速度,而且设置平移持续时间选项似乎也不起作用 增加css中的过渡时间:“.传单缩放动画” .传单缩放动画{” 从 增加css中的过渡时间:“.传单缩放动画” .传单缩放动画{” 从 谢谢。但是,有没有办法只通过我特定的setView调用,而不是全局调用?从谷歌搜索中复制粘贴并没有多大帮助,特别是如果有人不知道什么是“过渡时间”是。你能给

Leaflet 自定义传单地图上的标记聚类

我正在开发一个具有大量标记的应用程序,并希望对它们进行群集。我找到了传单。markercluster,它做得很好。但是,我想定制标记的集群。具体来说,我想根据标记所在的国家对其进行聚类。我不想要一个包含欧洲所有标记的集群,而是要几个国家的集群 有没有办法做到这一点?您可以创建多个簇,并相应地将标记添加到簇中 var franceCluster = L.markerClusterGroup(); var germanyCluster = L.markerClusterGroup(); france

Leaflet 将图像添加到传单中的矩形多边形

这是工作票 我需要的是将图像添加到矩形多边形中,也不希望它在放大或缩小时重复自身,并希望它得到修复。如有任何建议,我们将不胜感激,如有其他方法,我们将不胜感激。 如果它可以放在geojson中,那将非常好,因为我必须给每个多边形赋予一些属性。并动态创建所有矩形多边形 代码如下 var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', osmAttrib = '&copy; <a href="h

Leaflet 我们可以在没有mapbox GL的情况下对矢量图块使用传单1测试版吗?

我仍在学习更多关于传单1的内容。我查看了更改日志,发现vector有很多改进。 传单1在不使用Mapbox GL的情况下是否有自己的矢量平铺方式?传单无法在开箱即用的情况下实现这一点,但您可以使用矢量平铺插件: 在HTML5画布上呈现Mapbox矢量图块的传单插件。尽管在Mapnik PNG图块渲染和MapboxGL中广泛使用了MapboxVectorTiles,但奇怪的是缺少将这些矢量图块直接集成到传单中的库。不要再搜索了,你一直在寻找的图书馆就在这里

Leaflet 传单的WMTS层语法

我已经尝试实施”,但它对我不起作用 我想实现以下WMS平铺层: 有人能帮我吗?请解释一下它在哪种情况下对您不起作用。您可能还想使用。我定义了一个带有一个wmts层的简单地图,如下所述:var LuftNRW=new L.tileLayer.wmts('?',{layer:'nw_dop20',attribute:'Data©;SW Lemgo',format:'image/jpeg',tilematrix集:“EPSG u 3857_16});map.addLayer(LuftNRW)

Leaflet Can';t使用EPSG4326设置地图

我使用传单绘制地图盒地图,但我需要它在EPSG4326坐标系 如果我运行此代码: var mymap = L.map('map', { center: {lon: 12.39258, lat: 41.69906}, zoom: 5, maxZoom: 8, crs: L.CRS.EPSG4326, zoomControl: true }); L.tileLayer('https://api.mapbox.com/v4

Leaflet 以最小带宽为大型数据集提供服务

我想在最小带宽上为大型空间数据集提供服务,最好不支持webgl。我见过很多这样做的例子。例如: 实现这一目标的最佳方式是什么?是否可以不在mapbox上托管我的数据,或者在AWS S3上托管数据?我应该如何处理这个问题?我找到了一个解决方案。有一种称为UTFGrid的技术,它是JSON格式的平铺。这些平铺可以通过多种方式生成,例如使用TileMill和mbutil。这些平铺非常小,但允许用户在悬停时查看featureinfo。生成这些互动程序后,它们可以托管在您想要的任何位置,AWS S3

Leaflet 传单绘制地图和导入保存的数据错误

我已经创建了一个mapbox gl和传单贴图,我正在尝试使用插件传单绘制添加和编辑一个图层 插件工作得很好;我可以创建路径(多段线)并使用geojson保存它 重新加载包含已保存数据的地图时出错: TypeError: dataLayer.push is not a function TypeError: a.slice is not a function plyline在地图上,但如果我尝试编辑它(单击“编辑层”按钮),多段线会更改颜色(这意味着它已被选中),但不会显示任何定位点,并且无法拖

Leaflet 单张谷歌地图街景

我想在传单地图上使用谷歌地图街景 我找过了,但什么也没找到 有没有办法使用谷歌地图街景或传单街景插件?欢迎!你有代码,你可以告诉我们,证明这个问题吗?我有一个项目,我使用传单。我可以分享我的代码,但是。没有关于街景的代码。如果你想分享我的代码,我可以做。但我认为,发布一段简短的代码来演示这个问题将有助于回答这个问题的人,这是行不通的。

Leaflet openOn(地图)仅在firefox中有效,在chrome或edge中无效

tl;dr popup.openOn(map)仅适用于firefox,不适用于chrome或edge。标记上的弹出窗口可以完美地工作 冗长版本: 我有点滥用传单。画图让用户插入图像覆盖。我让用户画一个矩形,抓住相关的角点,然后用它来放置图像覆盖。图像本身由用户通过一些表单字段上传。这些都显示在我在绘制的矩形中心位置打开的弹出窗口中。代码如下所示,最重要的部分是最后一行: map.on('draw:created', function (event) { if (event.la

Leaflet 在传单中包括自定义Esri baselayer/webmap

我们一直在使用esri传单在地图上添加基础层,但现在我们想要不同的外观。使用他们的webmap编辑器,我们制作了一张我们喜欢的地图,我有webmap ID,我想我可以使用webmap,就像我使用basemaplayer一样,但事实证明webmap是一个额外的库,只达到了0.4,而且很长时间没有更新 问题: 是否有方法使用Esri网络地图中的分幅/底图(使用传单和Esri传单) 如果没有,我如何从“esri传单webmap”导入esri传单webmap,因为import{webmap}导致无法找到

Leaflet 多边形消失

我在一个具有传单功能的网站上工作。在初始地图上,将向地图添加一组点(标记)、线和多边形。但是,当放大到地图时,多边形会消失,在缩小时不会重新出现。有些我可以让他们随机出现时,平移一点,有时他们不会消失,直到平移。。。这是一种随机现象,这使得它更加奇怪。 测试站点位于: 有人知道发生了什么吗?谷歌搜索发现了一些相当古老的帖子,但没有发现任何有用的东西。为地图启用“preferCanvas”并不能解决问题 谢谢大家! 问候 丹麦莫顿这是一只传单虫 只有当多边形的“权重”是字符串时才会发生这种情况:{

Leaflet 如何在javascript中刷新传单映射

我有一个遮阳板,上面有传单js,气象数据每隔几分钟就会变化。我想刷新地图,但只刷新气象数据(图层、面积和雷达) 我有一个只加载地图的函数,还有一个加载动态内容的函数(两层,一层来自WMS,另一层来自geojson) 函数加载映射(){ map=L.map('map'{ zoomSnap:0.25, 缩放:5.75, 中间:[41,-3.9] }); map.zoomControl.setPosition(“左上”); var topograhic=L.esri.basemapLayer(“地形”

Leaflet 传单设置导致错误

在我尝试设置地图的最大边界之前,带有自定义瓷砖的传单地图工作正常 var SWCorner = new L.LatLng(-312, -180); var NECorner = new L.LatLng(180, 312); var MaxBounds = new L.LatLngBounds(southWest, northEast); var map = L.map('map', { crs: L.CRS.EPSG4326, draggable: true }).setView([-63,

Leaflet MapBox:为什么要扩展GeoJson Featuregroup,而GeoJson Featuregroup又扩展了Layergroup(如果它表示一个层)?

我没有得到继承异常的mapbox API: GeoJson 表示GeoJSON层。扩展功能组 功能组 扩展图层组 图层组 用于将多个层分组 在我看来,这就像一个循环。有人能理解这一点吗 在我看来,这就像一个循环 如果最后一个链接已连接,则为,但layerGroup是最低的链接。这就是我们的工作方式:layerGroup API 存在这些继承级别是因为您可能不需要所有继承级别:如果您不处理geojson,只需使用featuregroup。如果您只想对没有弹出窗口的图层进行分组(例如,平铺图层),只

Leaflet 传单:如何在GeoJSON层上添加属性?

我需要在传单地图上使用GeoJSON图层。以下是我的代码示例: function onEachFeature(feature, layer) { if (feature.properties && feature.properties.popupContent) { layer.bindPopup(feature.properties.popupContent); } } myGeoJsonLayer = L.geoJson(data, {

Leaflet 在传单中有没有一种方法可以在单击多边形时获取地图单击的坐标?

使用以下方法很容易获得地图的横向位置: map.on('click', function (e) { coords= e.latlng.lat + ", " + e.latlng.lng; }); 但是,如果地图上有形状,如果单击形状覆盖的位置,则不会调用该函数 最终,我希望生成一个弹出窗口,在单击形状时触发,并根据lat/long填充信息 欢迎来到SO 您还可以在形状上绑定事件侦听器(可能通过L.FeatureGroup来避免绑定到每个单独的形状),甚至可以使用该事件侦听器在地图上触

Leaflet 传单.draw不能正确取消

在下面的代码片段中,我已经设置了传单.draw插件。适用于添加要素(直线、标记、多边形)。可以很好地进行编辑和删除。但是取消操作不起作用(简单的交叉口测试也不起作用,但我可以不用它)。知道我在安装插件时做错了什么吗 (Chrome V44,传单1.0 Beta 2,传单.draw(0.2.4-dev)(似乎在传单'0.7.7'中也失败) 以下是错误: Uncaught TypeError: Cannot read property '0' of undefined L.Polyline.L.Pa

Leaflet 单张中的连续拖动或缩放

目前我们的项目正在使用传单,我将地图参数带到后台程序(map.getZoom()和map.getbounds()),然后通过imageoverlay加载返回的图片(从后台程序返回)。 请原谅,如何解决连续拖动或连续缩放问题,如果您的意思是动态加载底图(即,可缩放、可拖动且填充大窗格的图像,而不仅仅是需要单个图像覆盖的一小部分图像),则只需调用守护进程即可,您可能更愿意通过以下方式进行: 用于创建基于画布的平铺层,在浏览器端绘制平铺 使用此功能,您可以设置一个myCanvasTileLayer.d

Leaflet 未捕获的TypeError:_arc2.default.GreatCircle不是构造函数

正在尝试为react传单创建插件。我在工作时遇到了这个错误 我回来了 L.Polyline.Arc(位置.from,位置.to,选项) 这是我的组件 import React, { PropTypes } from 'react'; import { Path } from 'react-leaflet'; import L from 'leaflet' import { Arc } from './leaflet.arc'; export default class ArcLine ext

Leaflet 外部元素聚集标记上的小叶触发事件

我刚刚开始为我即将到来的项目学习lapper.js 我正在努力实现的目标: 我需要列出地图上显示的标记,当列表项悬停(或鼠标悬停)时,它将显示地图上的位置(对于单个标记,它应该更改其颜色。对于群集标记,它应该显示覆盖线,就像我们将其悬停时它的行为一样。如果可能,还可以更改其颜色)。 地图不应该像缩放级别一样改变,简单地说,我需要在地图上突出显示标记/簇 我现在所完成的:我能够在单个标记上完成。 我非常沮丧的事情:我没能找到一种方法让它发生在集群标记上 我使用全局变量对象来存储任何创建的标记 f

Leaflet 传单-如何查询矢量平铺中的渲染特征

我不熟悉传单。目前,我正在制作传单,以渲染矢量瓷砖。我的应用程序的要求是,在单击时,我应该以geojson格式从地图分幅中获取功能。 在Mapboxmap.queryRenderedFeatures(e.point)中。我想做完全一样的事情,但在传单上。请选中以检查mapbox如何获取功能。 请提供帮助。当前手册实施不支持查询呈现的功能。因此,切换到Mapboxgl您是否尝试过与传单.VectorGrid的交互?我已检查了此插件,但它不满足我的要求。基本上,我需要geojson形式的道路元素几何

Leaflet 传单层.getbounds不是函数

我从geoJson中提取了一个功能层,然后同步了一个表。当我放大每个特征时,它会根据这些特征过滤表格。下面是我不起作用的脚本。我在“if(map.getBounds().contains(layer.getBounds())”处遇到错误。我能得到一些帮助吗 var featureLayer = L.geoJson(null, { filter: function(feature, layer) { return feature.geometry.coordinates[0] !==

Leaflet 与django的传单上未显示协调剂量

我想在Django的传单上显示标记位置 实际上,只有当我把代码放在我们的_layar函数上时,它才能工作一次 但正如我所说,它只起过一次作用。 我想把代码放在某个地方让它工作。显示标记的代码 位于标记的位置之间///// <div id="map"> {% leaflet_map "gis" callback="window.our_layar" %} </div> <script type="text/javascript"> var coun

Leaflet 传单中的层组。标记聚类

我使用传单和标记集群插件来显示React中的数据。我有两个假图层组,我已经将它们添加到地图的覆盖部分。标记簇组中我的不同标记的两个主要图层组。现在,我可以通过使用以下代码选中overlay复选框来删除或添加集群中的主组。基于 这部分工作正常。但当我从集群中删除这些层并通过执行markers[id].setLatLng([latitude,longitude])更新我的标记时当图层从簇中移除时,它会出现在地图上。切题相关:在react应用程序中使用香草传单而不使用react传单有什么特殊原因吗?@

Leaflet 根据数据库中输入的地理编码位置,显示位于地图边界内的传单标记

我有一个GUI应用程序,其中来自数据库的数据显示在一个表上,也显示为传单地图上的标记。我已经在我的应用程序中添加了Geocode L.Control.geocoder函数,现在想从我的数据库中显示符合我的地理编码位置的地图边界的标记 我已经从传单文档中阅读了map.toBBoxString和map.getBounds,我认为我需要对数据库数据进行比较并编写查询,以显示在输入的“地理编码”位置。我的问题是,我不知道如何获取实际值并对Python查询进行比较。下面是我的搜索按钮代码的一部分,它连接到

Leaflet 如何从传单中的地图中删除所有功能组?

我有两张地图:地图1和地图2。我在每个功能组中添加了几个功能组。例如: L.featureGroup({}).addTo(map_1); 除此之外,我还为每个地图添加了以下内容。每一个都有不同的信息 var layer_control = { base_layers : { "cartodbpositron" : tile_layer, }, overlays : { ... }, }; L.control.layers( layer_con

Leaflet 在传单地图上添加div元素

我需要将我最喜欢的文本添加到我的mapdiv的中间顶部,因此我有: <div id="map" style="height:300px;"> <div style="width:150px;background-color:red; z-index:1000;"> Hello World !!</div> </div> 你好,世界!! 这是我的简化JS代码: <scrip

Leaflet 悬停时的笔划重叠

我正在创建一个带有geoJson矢量层的MapBox项目。我一直在使用以下示例作为指导 当我将鼠标悬停在任何geoJson功能上时,笔划将更改为2像素。但是,笔划有时会被相邻的特征剪裁。我相信这与不同功能的堆叠方式有关。因此,如果我将鼠标悬停在一个堆叠在底部附近的特征上,相邻的特征将覆盖该笔划 这里有一个例子。。。 它们是一种将笔划设置为多边形内部的方法,还是一种在悬停时将特征带到堆栈顶部的方法 谢谢你的帮助 通过添加函数 层。布氏体() 设置悬停样式后,多边形将出现在前面

Leaflet 在地图框中隐藏省份

我正在使用MapBox向用户显示地图。如下图所示,地图显示了中国、俄罗斯和印度等省份和地区的虚线。有没有办法删除省的轮廓,以便只保留国家轮廓和城市名称 我想你说的是背景瓷砖层。它是由服务器提供的png瓷砖,所以除非它们有一个没有这些边框的集,否则就没有办法删除它们 但是,您可以使用多种方法自定义您自己的磁贴 映射框方法: . 谷歌地图方法: 或者你可以寻找其他适合你需要的替代品。传单上有一张很好的单子

Leaflet 传单地图-如何使客户标记/图标可拖动

我已经在地图上添加了一个标记,并为其指定了一个自定义图标myIcon,但是一旦我添加了图标,拖动功能就会停止工作。使用自定义图标时,有没有办法将draggable设置为true?提前感谢您的帮助 var lat; var lng; var radius; var myIcon = L.icon({ iconUrl: 'lens-icon.png', iconSize: [95, 95], }); L.mapbox.accessToken = 'TOKEN HER

Leaflet 传单geojson图标(根据值)

我正在寻找一个根据数据值(使用“case”?)设置JSON样式标记的示例。我已经看过这个教程,但我找不到它 我想知道如何根据geojson文件中的数据值分配图标(PNG) 例如,这是我的geojson: var DATA = { "type": "FeatureCollection", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [

Leaflet 当在传单1.0上单击GeoJSON时,单击地图会触发

在传单1.0 beta2中,当使用指定的click函数和定义的map click函数单击GeoJSON时,它们都会触发,而不仅仅是一个。在旧版本的传单中不会出现这种情况。有关示例,请参见小提琴。有什么解决办法吗 单张7.7 单张1.0 beta2 使用L.DomEvent的stopPropagation方法: 停止给定事件向父元素的传播 这是你小提琴的工作叉: 或者,您可以将单击事件添加到图层选项对象中的非气泡事件数组中。这是目前未记录的文档,因此我无法链接到任何文档,仅链接到Github

Leaflet 当看到某个区域时,传单能通知我吗?

我在地图上有几个GeoJSON功能,不知道传单是否可以在我看到某个功能时通知我。我认为这就是地理围栏?是的,实现它并不复杂 你说的“我对一个特写了如指掌”是什么意思 如果你指的是你的鼠标指针或一种代表你当前位置的标记/点,你只需要一个插件来确定哪些功能包含你的位置,如果有的话(用鼠标在地图上做出反应) 如果您的意思是当前地图视图与某些要素相交,则会稍微复杂一些,但仍然可以通过另一个库(如)轻松解决。寻找。您需要迭代所有功能,并对照从当前地图视图构建的矩形进行检查(可能类似于:L.rectangl

Leaflet 传单:平移、居中、缩放地图到标记位置

到目前为止,我对传单还不熟悉,并对它很感兴趣。我有一张全世界170多个标记的交互式地图。每个标记在弹出窗口中都有一个标题。我还想在弹出窗口中添加一个“缩放到”链接。当用户单击“缩放到”时,我希望地图以标记为中心,并放大到特定的缩放级别(见图) 这些标记在PHP中被生成为一个带有标题和lat/longs的标记数组,并被注入到名为“items”的javascript变量中 for(变量i=0;i

Leaflet 反应传单绘制:访问多边形';s保存时的坐标数组

我有一个组件可以在地图上放置一个可编辑的多边形。当用户点击“保存”按钮时,我想访问多边形新顶点的数组,以便保存它们。我该怎么做 我的组件: <FeatureGroup> <EditControl position="topright" onEdited={e => console.log(e)} edit={{ remove: false }} draw={{ mark

Leaflet 如何计算GeoJSON';s边界,而不将其添加到地图

我有一个GeoJSON对象,我希望在不将其添加到地图的情况下获取其边界,类似于使用L.polygon().getBounds()可以获得的边界 有没有一种方法可以轻松做到这一点 也许可以直接将L.geoJSON对象转换为L.polygon?一旦您通过factory解析geoJSON对象,使其构建传单geoJSON图层组(扩展要素组),您就可以让传单使用该组的方法计算其子图层(要素)的边界,无需将组添加到地图 var-map=L.map('map').setView([48.86,2.35],1

上一页 1 2  3   4   5   6    7   8   9  ... 下一页 最后一页 共 38 页