jjzjj

leaflet-routing-machine

全部标签

javascript - Angular 2 : multiple <router-outlet> for sub routes

在Angular2中,有没有办法让子路由不显示在主标签中例如:url:"http://mywebsite.com/"MainComponent.ts@Component({...template:''...})@RouteCongif([{path:'/products',name:'Product',component:Product}])这会将子组件显示到标签中好吧,现在有没有可能有这样的配置:url:"http://mywebsite.com/products"ProductComponent.ts@Component({template:`...Mylistofproducts

javascript - Angular 2 : How to apply a callback when I leave a route

这是例子,我在AppComponent中定义了一些路由:@RouteConfig([{path:'/',name:'Index',component:IndexComponent,useAsDefault:true},{path:'/:id/...',name:'User',component:UserComponent},{path:'/plan',name:'Plan',component:PlanComponent},{path:'/foo',name:'Foo',component:FooComponent}]}在UserComponent中,我定义了另一条路由,如下所示:@R

javascript - Angular2 Routing - 将数据从父组件传递到子子组件

我正在尝试将一个简单的字符串对象从父组件传递到子子组件。我尝试通过以下方式进行:parent.tsimport{Component}from'angular2/core';import{Router,ROUTER_DIRECTIVES,ROUTER_PROVIDERS,RouteConfig}from'angular2/router';import{ChildCmp}from"./child";import{bootstrap}from'angular2/platform/browser';@Component({selector:'app',template:``,directive

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 - leaflet.js : Fire event when setView() has finished the animation. 这怎么可能?

我目前正在使用leaflet.js,我现在正在网上搜索很多,以找出:如果有一个事件,可以在异步函数setView()的动画结束后触发。这是我尝试过的:map.setView([lat,lon],12,{pan:{animate:true,duration:0.5},zoom:{animate:true},animate:true}.on('ready',function(e){console.log("animationfinished!");});setView-command完美运行,但是本地图动画准备就绪时应该触发的函数不起作用。有没有人有解决办法?

javascript - 用户界面路由器 : default route based on user role

我在我的项目中使用UI路由器。我的应用程序的主页由4个选项卡组成,每个选项卡路由到不同的模板。这是我当前的路由代码,我使用forEach创建6条路由。['Draft','Assigned','InProgress','Completed','Rejected','All'].forEach(function(val){$stateProvider.state({name:'root.jobs.list.'+val.toLowerCase(),url:'/'+val.toLowerCase(),views:{'currentTab':{templateUrl:'adminworkspac

javascript - 'require(' ./app/routes.js')(app);' 是什么意思在此 Node 服务器示例中是什么意思?

这个问题在这里已经有了答案:Twosetsofparenthesesafterfunctioncall(4个答案)关闭6年前。Server.js//setup======================================================================varexpress=require('express');varapp=express();//createourappw/expressvarmongoose=require('mongoose');//mongooseformongodbvarport=process.env.PORT|

javascript - 如何删除 leaflet.draw 中的绘图层?

在使用绘图工具在自定义map上绘制其中一个形状后,使用leaflet.draw.js使用leaflet.js。我有一个弹出的表格,上面写着保存或取消。如果用户按下取消,那么我希望删除绘图。例如,我正在绘制一个矩形。这是我目前的来源map.on('draw:created',function(e){varlayer=e.layer;vartype=e.layerType;$("#add-drawing").fadeIn(500);featureGroup.addLayer(e.layer);//Addsrectangle$("a.cancelD").on("click",function

javascript - Angularjs - route-ui 添加默认参数

在我的应用中,我使用了angularUI-Router。我有本地人(英语和希伯来语)我的基本语言是英语。这就是为什么我希望如果语言是英语则不要将参数添加到url例如:首页英文-->http://example.com/Home希伯来语-->http://example.com/he/关于我们英文-->http://example.com/about关于我们希伯来语-->http://example.com/he/about这可能吗?这是我当前的代码$stateProvider.state('/',{url:"/",templateUrl:"Assets/app/templates/ho

javascript - 失败的 Prop 类型 : Invalid prop `component` of type `object` supplied to `Route` , 预期 `function`

我刚刚将我的React应用程序更新到16.6.0并将react-scripts更新到2.0.3以开始使用lazy并且在按照官方文档上的示例进行操作时出现此错误:失败的prop类型:提供给Route的object类型的无效propcomponent,预期的function忽略它,一切似乎都在工作,除了控制台中的这个错误。这是我的一些代码://importshere...constDecks=lazy(()=>import('./pages/Decks'));...classAppextendsComponent{...render(){return(}>...);}...我在这里做错了什