我正在使用 mapbox 开发地图,并且试图“删除/隐藏”除美国以外的所有国家/地区。
我已经将地图以美国为中心并以美国为界,但我觉得如果其他国家被隐藏起来,整个地图看起来会更干净。我对 mapbox 或其编码语言没有很多经验,所以我不知道这是否可能,或者我只是不知道如何去做。我已经看遍了,我似乎无法找到使用 mapbox studio 来做到这一点的方法。
这是我的 mapid coltonneil.3dc5d18e。任何帮助将不胜感激。
我一直在玩Angular 2中的路线,但我遇到了一个我无法找到答案的问题.我的路线"工作",但不是我希望的方式.我试图使用这个,就像你使用角度1的ng-view,我的页眉和页脚永远不会改变,当我的网址改变时,新的"东西"放在我的内容中.
这就是我现在所拥有的"工作"
import { Component } from '@angular/core';
import { HeaderComponent } from './shared/header/header.component';
import { ContentComponent } from './shared/content/content.component';
import { FooterComponent } from './shared/footer/footer.component';
import { TestComponent } from './components/test.component';
import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router';
@Routes([
{path: '/test', component: TestComponent }
])
@Component({
selector: 'app',
template: `<header></header>
<a [routerLink]="['/test']">Click for testComponent</a>
<router-outlet></router-outlet>
<footer></footer>`,
directives: [HeaderComponent, ContentComponent, FooterComponent, ROUTER_DIRECTIVES]
})
export class AppComponent { }
Run Code Online (Sandbox Code Playgroud)
我想要做的是把路由器插座放在我的内部,ContentComponent
这样路由器只是将新的东西直接转储到我的应用程序的主要区域.当我尝试重写时:
<router-outlet></router-outlet>
由于
<content><router-outlet></router-outlet></content>
路由停止工作,没有错误消息,只是停止.当我用devtools检查它时,我也没有在DOM中看到我的testComponent.所以我想,我会将路由器插座放在我ContentComponent
喜欢的模板中:
import …
Run Code Online (Sandbox Code Playgroud) 我正在开发一个显示动画原理图的Web应用程序.
我有一个功能,允许用户在原理图的2D视频和实际系统的3D视频之间切换.这适用于Chrome,IE和Firefox.在运行9.3.1的iPad上,它无法在iOS上运行.这两个视频都由相同的自定义视频控件控制并同时播放,2D视频处于"前"(z-index = 1),3D隐藏在其后面(z-index = 0).当3D开关被击中时,它只是将3D视频更改为z-index = 2.所以没有什么可疯狂的,只是一个CSS技巧.此外,当我使用Mac检查控制台时,它不会抛出任何错误.
这是播放原理图的页面的HTML:
<!-- Establishes the wrapper for all of the content and the angular controller that will control the content -->
<div id="player">
<video id="vid" onload="logDimensions()" ng-hide="twoDhidden" >
<source ng-src="{{selected.vidPath}}">
<track id="trk" ng-src="{{selected.track}}" kind="chapters" default> A browser with <a href="http://www.jwplayer.com/html5/">HTML5 text track support</a> is required.
</video>
<video id="vid3D" ng-src="{{selected.vidPath3D}}" ng-hide="threeDhidden">
</video>
<span id="videoTime">{{currentTime | timeFilter}} / {{totalTime | timeFilter}}</span>
</div>
<div id="buttons">
<div id="videoOptions" class="fixed-action-btn vertical click-to-toggle">
<a class="btn-floating btn-touch blueIcon">
<i class="medium …
Run Code Online (Sandbox Code Playgroud)