jjzjj

javascript - 使用传单js绘制多边形

我正在尝试使用leafletjs绘制多边形。但我面临的问题是,当尺寸增加时,它无法绘制多边形。当我也尝试使用谷歌地图时,同样的事情发生了。我最多可以绘制21个多边形。请大家给我一个解决方案 最佳答案 你可以试试Leaflet.draw插件https://github.com/Leaflet/Leaflet.draw/http://leafletjs.com/2013/02/20/guest-post-draw.html 关于javascript-使用传单js绘制多边形,我们在StackO

javascript - 传单重叠形状不透明度

下面是带有圆圈的传单(http://leafletjs.com/)map的屏幕截图。圆的不透明度为0.5,你可以清楚地看到它们重叠的地方。是否可以添加样式规则以使重叠不具有更高的不透明度?leaflet似乎不支持这一点,但我想知道css是否可以实现这样的事情?我希望能够显示红色圆圈上方的内容(即显示其下方的内容)并具有均匀的颜色。将不透明度分配给一个是不可行的。 最佳答案 AFAIK在CSS中没有办法阻止半透明形状的重叠区域将它们的颜色“添加”到彼此,无论好坏,这是预期的行为(现实生活中这种形状会发生什么也是)。不幸的是,这对您没有

javascript - 未捕获的类型错误 : Cannot read property 'lat' of undefined when serializing leaflet data with $. 参数()

我想先说明一下:我是JavaScript的新手。我正在尝试使用Leaflet和AJAX调用发布用户位置和map边界。在我的事件处理程序stateUpdater.onLocationFound中,日志语句打印出正确的用户坐标和map边界,但是我在尝试时得到UncaughtTypeError:Cannotreadproperty'lat'ofundefined使用$.param()序列化这些值。我正在使用Leafletv0.7.2和jQuery1.11.0。varmap;$(document).ready(function(){map=newL.map('map').setView([41

javascript - 如何在传单中投影像素坐标?

我正在尝试基于16384x16384像素的图像创建map,但我还想使用该给定图像的像素坐标在特定位置添加标记。我创建了一个图block层、一个map元素并设置了最大边界,这样我就无法滚动出图像,使用以下代码:varmap=L.map('map',{maxZoom:6,minZoom:2,crs:L.CRS.Simple}).setView([0,0],2);varsouthWest=map.unproject([0,16384],map.getMaxZoom());varnorthEast=map.unproject([16384,0],map.getMaxZoom());map.se

javascript - 使用 geoJson 数据在传单弹出窗口中制作图表

我正在制作一张使用leaflet并由GeoJson格式文件中的数据填充的map。我的总体目标是将图表放入map上每个标记的传单弹出窗口中。获取每个功能的标记并打开弹出窗口非常容易。但是,我发现很难使用D3添加到弹出窗口。为了简单起见,我目前的目标是使用D3在每个传单弹出div中创建一个svg并绘制一个正方形。我发现了一些示例,其中人们使用D3在传单弹出窗口中创建图表,但没有一个示例同时使用geoJson和onEachFeature函数。这是示例之一:http://jsfiddle.net/6UJQ4/这是我的代码的相关部分:L.geoJson(data,{style:function(

javascript - 如何仅使用 DOM 对象获取 leaflet.js 实例?

我现在正在构建自定义Knockout.js绑定(bind)来处理多边形的绘制。在这种情况下,KnockoutAPI只给我一个DOM对象的引用,以访问我需要更新的任何内容。然而,看起来leaflet.js的设计是希望用户在他们的实现中存储map实例。我没有那个选项。尝试这个给了我一个错误:varexistingMap=L.map('aMapIDGoesHere')错误是:mapalreadyinitialized。有什么方法可以使用DOM元素或元素ID来访问map实例?根据要求,这是自定义绑定(bind),请注意这是一项正在进行的工作:ko.bindingHandlers.leaflet

javascript - 可视化实时动画移动标记

我有一个使用OpenStreetMaps、LeafletJSAPI和PostGIS数据库的map解决方案。我有一个从跟踪设备调用的API。设备以30秒的间隔发送数据(经度和纬度)。我已将map上的数据绘制为标记,并通过连接标记绘制多段线。现在我需要绘制实时和动画跟踪标记。我正在寻找类似于以下gif图像的解决方案。https://i.imgur.com/KrOy634.gif有一个名为MovingMarker的LeafletJSAPI插件但我无法解决。它使用三个参数(2个位置和动画持续时间)。我可以添加位置但无法控制持续时间。varmyMovingMarker=L.Marker.movi

javascript - 适合 map 以始终显示世界

现在我正在尝试做的是根据屏幕大小放大和缩小map,这样您就可以基本上看到世界上的每一block土地。我不担心重复的世界,但理想情况下我希望它基本上以非洲西海岸为中心,就像一张典型的map。我有如下所示的东西:functionfitMap(){if($){varheight=$(window).height();varwidth=$(window).width();//Putmapintofullscreen$('#map').css({position:"absolute",top:"0",left:"0",right:"0",bottom:"0"});if((height586)){

javascript - Leaflet.js 和 JSON 数据 : optimization and performance

我目前正在使用Javascript进行我的第一次真正的郊游,以构建我们客户数据的交互式map。到目前为止,我已经掌握了基础知识,但是当我开始使用标记超过500个poi或使用圆形标记超过10,000个时,性能开始下降....如果有人可以就如何优化我的内容提供一些建议'我已经有了,或者也许我最好转移到像mongo这样的合适的数据库来获取json数据,或者用NodeJs做服务器端的工作?任何建议将不胜感激:)varapiKey='BC9A493B41014CAABB98F0471D759707',styleID='108219';//styleID='997';//varmap=L.map(

javascript - 传单未捕获错误 : Invalid LatLng object: (NaN, NaN)

我正在尝试使用传单动态加载map标记,但出现此错误:UncaughtError:InvalidLatLngobject:(NaN,NaN)我正在使用这个javascript加载我的标记:varlat;varlng;for(i=0;i我正在阅读的json是这样的:[{"brewery":"21stAmendmentBrewery","lat":"37.7824175","lng":"-122.3925921","breweryID":"EdRcIs"},{"brewery":"AbitaBrewingCompany","lat":"30.482408","lng":"-90.056605