Angular-google-maps: 아이콘 크기는 어떻게 조정합니까?

저도 똑같은 일을 하려고 하는데 소스를 보니 방법이 없고 아이콘을 할당할 수 있는 유일한 방법은 URL을 통해서만 google.maps.Icon 개체를 사용할 수 없습니다. 코드를 수정하고 풀 리퀘스트를 생성할 생각이었습니다.

@SebastianM 마커의 아이콘 속성에 대해 google.maps.Symbol 및 google.maps.Icon을 처리하는 코드를 작성했습니다. 내일 포크로 푸시하여 볼 수 있도록 하겠습니다.

문자열과 아이콘 개체를 모두 지원하고 속성 이름을 icon으로 변경해야 한다는 데 동의합니다.
icon?: string|Icon;

4개의 단위 테스트를 어겼지만 포크에 아이콘 업데이트가 있습니다. google-maps-types.ts 파일에도 추가했습니다.

@cdarken 방금 귀하의 PR을 보았고 기본적으로 동일한 PR을 보류할 것입니다. 속성 이름에 대한 몇 가지 제안 사항이 있습니다. Google에서 사용하는 이름과 일치해야 한다고 생각합니다.

@rc3media 이전 버전과의 호환성을 유지하려고 자를 추가했습니다.

이 기능은 언제 추가되나요? 이 문제는 8월 X_X부터입니다.

마커의 iconUrl 속성에 대해 Icon 개체를 사용할 수 있습니다.

내 아이콘은 다음과 같습니다.

{
      url: require('../images/vehicle-active.png'), // gives a data://<value>
      scaledSize: {
        height: 40,
        width: 40
      }
}

그런 다음 이것을 [iconUrl] 바인딩합니다. 'iconUrl' 변수의 이름이 잘못 지정되었을 수 있지만 소스를 보면 gmaps의 'icon' 속성으로 전달됩니다.

@bradseefeld 아이콘을 정의하는 코드를 typescript 구성 요소에서 어디에 배치합니까? 'require' 이름을 찾을 수 없다는 오류가 발생했습니다.

웹팩을 사용하여 앱을 처리하고 패키징합니다. 필요 호출을 처리합니다. webpack 또는 이와 유사한 것을 사용하지 않는 한 이 솔루션이 작동하지 않을 것이라고 생각합니다.

네, 저는 웹팩을 사용합니다. 작동하지만 다음을 추가해야했습니다.
declare function require(path: string);

Require는 필요하지 않습니다(적어도 Ionic에서는)

{
      url: 'assets/img/marker-me.png',
      scaledSize: {
        height: 40,
        width: 40
      }
}

@sebrojas14 이것은 최신 1.0.0.x 버전에서 더 이상 작동하지 않습니다.
이제 "문자열"이 필요합니다. 제공되지 않으면 오류가 발생합니다.

이렇게 많이 요청된 기능을 언제 사용할 수 있는지 아이디어가 있습니까?

감사 해요

@pdanysz 는 버전 1.0.0-beta.3에서 잘 작동합니다.

@grreenn 이미 해당 버전을 설치했는데 오류가 발생합니다.

코드를 공유할 수 있습니까? ...제가 뭔가 잘못하고 있는 것 같습니다. :)

감사 해요

@pdanysz 우리는 마술 지팡이를 잃어 버렸고 여기에서 당신의 오류를 볼 수 없습니다. 당신이 실제로 무엇을 다루고 있는지 알 수 있도록 오류를 공유할 수 있다면 정말 도움이 될 것입니다. 또한 오류를 수정하는 방법을 알기 위해 코드가 필요합니다. 즉, 문제를 검사할 수 있도록 전체 복제가 필요합니다. 우리에게 그것을 줄 수 있습니까?

이 개체를 사용해 보았습니다.

icon = {
        url: '/assets/images/img.png', 
        scaledSize: {
          height: 40,
          width: 20
        }
      };

그리고 그것은 나를 위해 작동합니다.
하지만 마커는 내 지도의 여러 시설에 사용되어야 하며 내 ts 클래스의 단일 속성을 사용하여 이 작업을 의도한 대로 수행할 수 없습니다. 따라서 html에서 [iconUrl]="icon"을 사용하는 대신 [iconUrl]="getIcon(establishment)"을 사용하려고 합니다. 그러면 각 시설에 대해 다른 URL이 있는 위에서 설명한 개체가 반환됩니다. 이렇게 하면 agm-map을 로드하려고 할 때 앱이 정지됩니다. 내가 여기에 쓴 내용이 이것이 가능한지 말할 수 있을 만큼 충분한가요? 필요한 경우 자세한 내용을 보낼 수 있습니다.
감사 해요!

지도 마커 아이콘을 동적으로 변경하고 크기를 지정할 수 있는 StackOverflow의 hrdkisback 이 이 주석 을 찾았 습니다.

[iconUrl]='{"url": marker,"scaledSize": {"height": 10, "width": 10}}'

https://stackoverflow.com/questions/50812678/add-user-image-to-agm-marker-in-angular-5#comment88677807_50812678

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 없으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.