草庐IT

leaflet-routing-machine

全部标签

javascript - 如何在 Leaflet map 上打印/显示/绘制 MultiPolygon GeoJSON

我正在尝试在Leafletmap中显示GeoJSONMultiPolygon对象。我从PostgreSQL数据库中以JSON格式获取它,然后将其转换为GeoJSON。我已经在GeoJSONLint中验证了deMultiPolygon对象没关系:但我无法在我的应用程序中完成此操作=(这是我的代码:$http.get(URI_SERVICE+"buscar-clase/"+JSON.stringify(params)).success(function(data){console.log(L.multiPolygon(data.coordinates).toGeoJSON());adaLa

javascript - Materialize CSS 不显示带有 Leaflet 网络映射覆盖的多个复选框

我正在使用Materialise0.97.7和Leaflet1.0.1(最新)当我尝试创建一个带有多个复选框的叠加层以切换元素时,没有复选框出现,只有标签,它们用作切换,但我想要复选框或开关。如果我将CSScdn切换到另一个框架,例如Bootstrap,它们就会出现。如果有人感兴趣,可用于除芽的传单代码:http://leafletjs.com/reference-1.0.0.html#layergroup//itemstotogglevarmyItems=newL.LayerGroup();//bindpopuptoeachitemoncecheckboxisselectedL.ma

javascript - 为什么 <Route component={Menu}/> 而不是 <Menu/>?

我的/About中有一个包含路线的子菜单。这个子菜单称为AboutMenu并出现在/About下的所有页面,例如=>/About/Company和/About/Info。练习示例显示与activeStyle={match.isExact&&selectedStyle}>我刚用过并添加了exact改为我的AboutMenu链接。为什么要使用而不是仅仅渲染?exportconstAboutMenu=(props)=>{return(CompanyHistoryVision)}关于部分constAbout=(props)=>{return({/*OR?*/})}exportdefaultAb

javascript - 在 Leaflet.js 或非 Google map 库中使用 Fusion Tables 磁贴?

我喜欢GoogleFusionTables可以在map上高效显示数千个标记这一事实。我的问题:是否有可能(在技术上和法律上)显示FusionTableslayer在以下任一情况下,位于OpenStreetMapmap图block之上:使用Leaflet.js带有OSMtiles和FusionTables层。我不确定这在技术上是否可行,更不用说在法律上了。将GoogleMapsAPI与FusionTableslayer结合使用和OpenStreetMap瓷砖。从技术上讲,这显然是可能的,但我不确定FusionTables结果是否必须显示在Googlemap图block上(就像Google

javascript - 通过书签发布到 Wayback Machine

我正在尝试使用“保存页面功能”制作一个小书签,允许用户通过单击将页面推送到InternetArchive。根据我收集到的信息,如果我发布到http://web.archive.org/save/fullURI它会将页面保存在fullURI(即fullURI=http://www.google.com,带有所有斜线)所以我写了下面的小书签(为清楚起见添加了空白,并删除了javascript:以强制语法突出显示)(function(){varu='http:\/\/web.archive.org\/save\/'+encodeURI(window.location.href);varw=w

javascript - angular-leaflet-directive 自定义消息 html,在标记弹出窗口中带有 Angular Directive(指令)。如何?

我想将带有$scope事件处理程序的自定义html标记插入传单标记的消息属性。例如:App.controller('testController',['$scope',"leafletEvents",'$compile','leafletMarkersHelpers',function($scope,leafletEvents,$compile,leafletMarkersHelpers){angular.extend($scope,{currentLocation:{lat:20,lng:20,zoom:20},markers:{},defaults:{scrollWheelZoom

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 - angularjs 中 $window.location.reload() 和 $route.reload() 的区别

Angular.js中的$window.location.reload()和$route.reload()有什么区别?我已经使用了这两个东西,但它们的工作进度相同。谁能解释一下区别? 最佳答案 $window.location.reload()-用于重新加载页面$route.reload()-导致$route服务重新加载当前路由,即使$location没有改变。作为结果,ngView创建新范围并重新实例化Controller。 关于javascript-angularjs中$window

javascript - Polymer app-route 子路由不会随着路由更改而更新

我的问题涉及链接应用程序路由。最初我认为这个错误来self的应用程序,但我用一个简单的例子重新创建了它。问题源于首先访问与子路由匹配的url,然后更改路由以使其与子路由不匹配。我不能使用Polymercdn基础标签,因为它会改变路由的行为。如果您复制并粘贴代码,请运行bowerinit;bowerinstall--savePolymerElements/app-route;python3-mhttp.server;它应该运行示例代码。问题单击#/tree/maple的链接会导致routeData.collection='tree',subrouteData.uuid='maple'。这

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

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