草庐IT

leaflet-image

全部标签

javascript - 如何使用 leaflet.draw 从多边形获取区域字符串

我正在尝试获取多边形的面积测量值,以便我可以将它们列在map一侧的表格中,紧挨着多边形的名称。这是我尝试过但没有成功的方法:$("#polygon").on("click",function(){createPolygon=newL.Draw.Polygon(map,drawControl.options.polygon);createPolygon.enable();}varpolygon=newL.featureGroup();map.on('draw:created',function(e){vartype=e.layerType,layer=e.layer;if(type===

javascript - 在 Leaflet LayerGroup 中查找特定图层,其中图层是多边形

我正在尝试像这样定义一堆Leaflet多边形:varpoly=newL.Polygon([[10.1840229,36.8906981],[10.1840393,36.8906669],[10.1840989,36.8906868],[10.1840826,36.890718],[10.1840229,36.8906981]],{'id':'someId'});然后我将这些多边形分组到一个GroupLayer中:vargroup=newL.LayerGroup([poly1,poly2,...,polyn]);group.addTo(map);我可以使用group.getLayer()

javascript - 如何从 Rails 应用程序中的 assets/images 文件夹中获取图像

我一直在寻找这个答案。但我似乎无法完成这项工作,几个小时了。请帮助我。我是我的Rails应用程序的网页,我正在尝试显示保存在我的Assets文件夹@app/assets/images/rails.png中的图像。我有一个javascript文件,其中包含以下构造html的函数。在这个函数中,我想将链接传递给图像。这是我目前的代码。functionaddToInfoWindow(infoWindowContent){infoWindowString=''+**''+**''+infoWindowContent+''+'Seehere'+'Uploadaphoto'+'';infoWind

javascript - CSS 和 JQuery : spaces inside image name break code of url()

我有一个页面,当鼠标悬停在缩略图上时,该页面应该显示图像的放大版本。我有一个带有ID的“div”,JQuery代码如下:$(document).ready(function(){$('img').hover(function(){varsrc=$("#im"+this.id).attr("src");$('#viewlarge').css('backgroundImage','url('+src+')');returnfalse;});});我使用的图像是由Ruby脚本生成的,该脚本“生成”具有相似但不同ID的图像。但是,有时上传的照片内部有“空格”。我的开发人员工具告诉我背景图片设置

JavaScript:如何强制 Image() 不使用浏览器缓存?

如果我在浏览器中手动加载nextimgURL,每次重新加载时它都会提供一张新图片。但是这段代码在draw()的每次迭代中显示相同的图像。如何强制不缓存myimg?functiondraw(){varcanvas=document.getElementById('canv');varctx=canvas.getContext('2d');varrx;varry;vari;myimg=newImage();myimg.src='http://ohm:8080/cgi-bin/nextimg'rx=Math.floor(Math.random()*100)*10ry=Math.floor(M

javascript - 非常简单 : requiring images in webpack and Angular 2

我在Angular2webpack应用程序中需要图像时遇到了一些问题。我已经尝试了三四个图像加载器,但我似乎无法正确配置它们并且HTML中的结果不正确。例如,目前我有:包含此图像的文件是模板的一部分,需要这样:@Component({selector:'appstore-app',directives:[...ROUTER_DIRECTIVES],styles:[require('../sass/appstore.scss').toString()],template:require('./app.component.html')})这会导致浏览器出错:GET:http://local

javascript - D3 : Grayscale image display driven by 2D array data

有人知道如何使用d3显示灰度图像,即像素强度的二维数组吗?我似乎无法在任何地方找到它的任何例子,它会很棘手吗?任何帮助/链接/指针表示赞赏! 最佳答案 如果只想显示图像,请使用imageelement和“xlink:href”属性。例如:svg.append("image").attr("xlink:href","my.png").attr("width",960).attr("height",500);如果你想给灰度图像上色,请看这个colorizedheightmapexample它使用分位数来创建发散色标,并使用HCL插值来获

javascript - 从 Leaflet.js 获取 map 坐标?

我正在尝试使用Leaflet获取用户右击某处的map坐标。我一直在研究LeafletAPI,到目前为止,我发现我需要监听contextmenu事件并使用mouseEventToLatLngmethod单击时获取坐标。但是,当我检查并调试我的代码时,我在任何地方都看不到可访问的latLng变量。我错过了API中的某些内容吗?functionsetMarkers(){document.getElementById("transitmap").addEventListener("contextmenu",function(event){//Preventthebrowser'scontext

javascript - 使用 javascript 将 Image 对象设置为 div 背景图像

我想从后台加载4张图片,向客户端显示加载栏当下载图像时,我想将它们设置为4个divblock的背景图像。我正在寻找这样的东西。varmyImages=newArray();for(vari=0;i有什么方法可以使用Imagejavascript对象设置背景图像吗? 最佳答案 您可以做一些接近您所拥有的事情。您不会将图像背景设置为图像对象,但您可以从图像对象获取.src属性并将其应用于backgroundImage。一旦图像对象成功加载,图像将被浏览器缓存,因此当您在任何其他对象上设置.src时,图像将快速加载。您可以使用这种类型的代

javascript - 如何使用 Leaflet API 从纬度和经度坐标检索 LayerPoint (X, Y)

如果我使用以下代码从指定的Lat/Lng获取LayerPoint:varlatLng=newL.latLng(-37.81303878836989,144.97421264648438);varpoint=map.latLngToLayerPoint(latLng);输出如下:o.Pointx:86042y:77065然后,当我尝试使用以下URL访问图层图block时:http://a.tile.osm.org/10/86042/77065.png我收到404,因为它是无效的X、Y。现在,如果我使用以下代码:map.on("click",function(e){console.log(