leaflet瓦片层使用Css类添加背景颜色

文章/答案/技术大牛

发布

1回答

css、angular、leaflet

如何为地图平铺层添加自定义背景色。使用css类？

浏览 124提问于2020-04-27得票数 0

1回答

如何在宣传单中设置图像偏移？

javascript、leaflet、mapbox、openstreetmap、mapbox-gl-js

是否可以使用leaflet根据偏移量移动切片图层有没有简单的方法在单张中添加偏移量

浏览 1提问于2020-06-24得票数 1

1回答

如何转换Esri ASCII (.asc)以在传单地图上使用？

node.js、geolocation、leaflet、gdal、esri

不幸的是，我不能在node中使用GDAL，而且据我所知，gdal node不能转换文件。手动转换文件不是一个选项。

浏览 8提问于2015-07-27得票数 2

1回答

在我看来，Leaflet.ImageOverlay没有像Leaflet.TileLayer那样有minZoom和maxZoom选项。但是我有一个地图图像，我只想在两到三个变焦级别上可见。我想，我可以使用gdal2tiles.py或gdal_retile.py为一个瓦片层创建一个文件，但由于我使用的是UTM投影(墨卡托在挪威的失真非常严重)，我不确定什么瓦片编号使我的地图图像与背景地图相适应

浏览 17提问于2018-01-08得票数 0

1回答

Leaflet + google地图有一些缩放问题

google-maps、leaflet、mapbox

我尝试使用leaflet-google plugin将google地图瓦片层集成到leaflet中。一切都很好，但当我尝试放大/缩小时，首先是我的自定义要素图层缩放，然后是google地图瓦片层的缩放。为什么它们不一起放大呢？72.79366), zoom: 10}); map.addLayer(googleLayer); 我通过以下方式添

浏览 1提问于2014-06-07得票数 0

6回答

如何在带有webpack的React应用中包含"leaflet.css“？

css、reactjs、webpack、leaflet

我使用survivejs.com站点作为模板，与webpack一起构建了一个基于地图的React应用程序。对于地图，我使用了leaflet，但我找不到添加leaflet.css的方法。如果没有此选项，地图瓦片将以错误的顺序显示。我尝试使用以下命令将leaflet.css添加到App.jsx文件中 require('leaflet/dist/l

浏览 1提问于2016-11-21得票数 10

2回答

将Bing地图切片与宣传单一起使用

php、javascript、leaflet、bing-maps

我可以用PHP编写一个脚本来接收Leaflet的X、Y和Z坐标(只需将脚本设置为磁贴服务器URL)，但我需要一种将它们转换为Quadkey的方法。这两个问题的答案都是可以接受的。

浏览 1提问于2013-01-21得票数 6

1回答

矢量平铺和文本路径

leaflet、openlayers-3、vector-tiles

我正在使用TileStache来渲染一个矢量瓦片层，在OpenLayers 3中工作得很好。有没有什么解决方案可以用矢量瓦片来做文本路径呢？

浏览 2提问于2016-02-16得票数 0

1回答

层上的小叶边界防止载荷超出反经线

javascript、leaflet

我目前正在制作一个传单地图，其中提供的瓦片仅限于特定的区域。为了防止加载丢失的瓦片，我向层添加了边界，如下所示： layer.options.bounds = latLngBounds 该特定区域的范围从lng -200到-20。现在的问题是，它确实阻止了加载边界之外的瓦片，但它也不加载从-200到-180的瓦片。到目前为止，我已经尝试使坐标为正，添加偏移量，其他瓦片，在创建图层时添加边界，并使用L.latLngBo

浏览 21提问于2021-01-19得票数 0

回答已采纳

1回答

Nuxt单张，更改切片图层请求的切片不正确

leaflet、nuxt.js、vue2leaflet

我正在使用Nuxt Leaflet，我还没有想出如何改变瓦片层。我尝试了多种不同的方法，结果都是没有为更改的层请求正确的平铺。" />如果我将mapTileUrl值更改为不同的url，它将请求以下切片url： </l-tile-lay

浏览 24提问于2021-02-18得票数 2

回答已采纳

1回答

将传单markerColor AwesomeMarkers设置为“无/透明”

javascript、leaflet

但是，不可能不设置标记颜色。这意味着，我只想在地图上有一个透明的markerColor图标。有人知道怎么做吗？

浏览 5提问于2016-02-10得票数 2

回答已采纳

1回答

包含过多重叠TileLayers的宣传单

browser、leaflet

这些元素的添加方式与下面类似： var myBasemap = L.tileLayer(basemap_url/{z}/{x}/{y}.png, {minZoom: 0, maxZoom: 10});打开的层越多，网页就变得越慢。在地图上同时显示所有200个图层会使网页变得太慢，无法进行缩放/平移。事实上，当地图上的活动图层超过10或15个时，性能就会下降。在附加的代码片段中，我尝试用一个过于简单的例子来演示浏览器变得多么繁重，在这个例子中，我创建了一个以基本瓦片层为背景</

浏览 1提问于2021-04-08得票数 0

1回答

将clusterOptions与addPolygons或addRasterImage一起使用时，Leaflet* addMarkers未呈现*

r、r-leaflet、leaflet.markercluster

我有一个工作的传单地图，其中显示了使用clusterOptions聚类的几个标记。我想添加地形数据和一些边界shapefiles作为背景，而不是默认的瓦片。但是，如果在同一地图上使用addRasterImage (或addPolygons)，则不会渲染带有clusterOptions的addMarkers。除了addTiles之外，使用addRasterImage，而不是将addTiles替换为addRasterImage，可以正确地渲染标记簇。然而，这不是一个解决方案

浏览 14提问于2019-04-04得票数 1

1回答

自定义leaflet中的属性

javascript、leaflet、openstreetmap

我是第一次接触leaflet，并且已经使用leaflet Machine在开放的街道地图中提供路由服务。我想要自定义默认布局。L.control.zoom({但是我想对默认属性做更多的更改，比如以内联方式显示缩放按钮，或者更改背景属性有没有什么方法可以完全访问和更改leaflet中的布局属性？

浏览 37提问于2015-12-11得票数 0

3回答

我怎样才能改变传单弹出的背景色？

javascript、popup、leaflet

我正在使用Leafletjs创建一个地图，我希望将弹出窗口的背景色(当前正在显示、图像和链接)从白色更改为不同的颜色。似乎基本的背景颜色css语法不会削减它。有什么建议吗？谢谢，-Scott

浏览 9提问于2013-12-12得票数 6

回答已采纳

2回答

如何在弹出窗口中隐藏尾部三角形？

leaflet、mapbox

浏览 4提问于2016-02-12得票数 9

回答已采纳

1回答

更改切片图层时，Leaflet和闪亮的R圆不随map$addCircle一起显示

r、leaflet、shiny、rstudio

我有一些代码，允许我使用leaflet和shiny为R更改瓦片层。当我尝试使用leaflet函数添加圆时，圆不会出现在输出的地图上。只要圆圈不再出现，就不会出现错误。我希望能够添加相同的圆圈到所有的瓦片层，因为我调整他们。我已经附加了ui和服务器代码。非常感谢你的帮助。ui.R：shinyUI(navbarPage("Swi

浏览 1提问于2014-12-30得票数 4

3回答

即使在颠倒CSS层的顺序之后，背景颜色也会被重写。

css、css-specificity、css-cascade、css-import、css-layer

我想使用最新版本的Chrome、Firefox、Safari和Edge支持的新的CSS级联层功能(请参阅)。@import url("styles/base16/google-light.min.css") layer(highlightjs); @layer highl

浏览 32提问于2022-03-15得票数 1

回答已采纳

3回答

leaflet L.control.attribution

javascript、leaflet、css3pie

我想在MapBox的版权徽标之前添加一个版权。我将L.control.attribution用作：我使用了FireFox检查器，发现some text是->的子项，它是来自leaflet.css的class="leaflet-control-attribution leaflet-control"。我有自己的

浏览 4提问于2016-02-22得票数 1

1回答

react-leaflet* WMSTileLayer 'params‘选项导致地图图层在更新任何不相关的状态变量时闪烁*

javascript、reactjs、leaflet、react-leaflet、wms

我正在使用react-leaflet:3.2.0来显示使用WMSTileLayer组件的WMS瓦片层。只要我不包含params选项，它就能很好地工作。如果我通过params选项包含任何内容，那么更新任何状态变量都会导致层闪烁。由于我可能要进行大量的状态管理，这会阻止我在WMSTileLayer中使用params选项。由于我确实需要使用params选项来向WMS查询字符串添加参数，所以我遇到了麻烦。'leaflet</

浏览 60提问于2021-07-30得票数 1

点击加载更多