Google지도의 땅과 물의 색을 어떻게 바꿀까요?

Question

Google지도 https://angular-maps.com/api-docs/agm-core에이 각도 구성 요소를 사용하고 있습니다. 나는 언젠가 네가 물의 색을 바꿀 수 있다는 것을 알았다고 생각하고 맹세한다. 그러나 내가 문서를 볼 때 나는 그것을 보지 못했다. 이 각진 모듈로 Google지도에서 육지와 물의 색을 바꿀 수 있습니까? 그렇다면 어떻게?

감사합니다.

Answer 1

Google지도 자바 스크립트 API에는 how to style your map에 대한 문서가 있습니다.

또한 Agm은 동일한 styles 속성을 나타냅니다. 당신은 그것들을 찾을 수 있습니다 documentation

그래서 agm 맵을 인스턴스화하는 방법에 따라, 사용자 정의 스타일 설정이있는 배열을 agm 맵 구성 요소에 전달하기 만하면됩니다. 단지 구성 요소의 template과 같이에서 [styles]= "styles"를 추가 plunker AGM 데모의 거점으로, 그리고 사용자 정의 구성 요소를 만드는 경우 사용

는 :

<sebm-google-map 
    [latitude]="lat" 
    [longitude]="lng" 
    [zoom]="zoom" 
    [disableDefaultUI]="false" 
    [zoomControl]="false" 
    (mapClick)="mapClicked($event)" 
    [styles]= "styles"> 

다음과 같이 당신의 styles 배열을 선언 :

styles: any[] = [ 
    {elementType: 'geometry', stylers: [{color: '#242f3e'}]}, 
    {elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]}, 
    {elementType: 'labels.text.fill', stylers: [{color: '#746855'}]}, 
] 

실제 플 런커 참조 here (@NgModule 설정에서 직접 API 키를 삽입하십시오)

동적지도 스타일을 전달할 수도 있습니다. 이 부분보기 related SO