Angular-google-maps: 이미지 맵 유형 추가

안녕하세요 칼,

비슷한 작업을 수행하려고 외부 MapServer 클러스터에서 제공되는 사용자 정의 WMS 오버레이를 로드하지만 오버레이를 오버레이를 추가하기 위해 실제 googleMap 인스턴스에 대한 참조를 얻는 방법을 모르기 때문에 멈춥니다. 수집).

GoogleMapsAPIWrapper 를 통해 노출하여 원래 google.map 지도 인스턴스에 액세스할 수 있는 방법이 필요하다고 생각합니다.

이것은 내 접근 방식입니다(지금까지)... MyComponent.ts 생성자에서

`var 오버레이맵 = null;

    // Getting a handle on the GoogleMaps api namespace
    if ((<any>window).google || (<any>window).google.maps) {
        const gm = (<any>window).google.maps;

        if (layers.length > 0) {
            var overlayMapOptions = {
                getTileUrl(coord, zoom) {
                    var url = this.loadBalanceWms() + "/mapserver.exe?Map=../mapfile/xxx.map";
                    url += "&mode=tile";
                    url += "&tile=" + coord.x + "+" + coord.y + "+" + zoom;
                    url += "&tilemode=gmap";
                    url += "&layers=" + layers; //WMS layers
                    url += "&WIDTH=256";
                    url += "&HEIGHT=256";
                    return url;

                },
                tileSize: new gm.Size(256, 256),
                isPng: true,
                name: "WMSOverlay"
            };
            overlayMap = new gm.ImageMapType(overlayMapOptions);

            // Breaks here
            this._mapsWrapper.getMap()
                .then(a => {
                        (<any>a).overlayMapTypes.push(overlayMap);
                    },
                    f => {
                        window.console.log(f);
                    });

        }

    };`

@anaratz 그게 당신이 한 일입니까?? 바둑판식으로 배열된 사용자 지정 지도를 만들려면

아니 작동하지 않습니다 ...
...overlayMapTypes 컬렉션은 인터페이스 mapTypes.GoogleMap에 존재하지 않으며 기본 google.maps.Map 인스턴스에 액세스하는 방법도 찾을 수 없기 때문입니다.

@anaratz 그래서 아직 해결책이 없습니까?

아니, 아직

@anaratz 작동하고 있지만 이 문제의 시작 부분에서 내 코드를 구성하는 방법에 대한 질문을 하고 있었습니다. 그런 다음 PR을 할 것입니다. PR을 하고 어떻게 진행되는지 보아야 합니까?

@carl09 어떻게 고쳤는지 보여주시겠습니까?

@carl09 네, 칼 주세요.

안녕하세요 @smgjreinieren , @anaratz 제 PR을 업데이트하고 데모를 만들었습니다.

http://plnkr.co/edit/OlljPTvgqdq0Na2lvZPN?p=preview

홍보: https://github.com/SebastianM/angular2-google-maps/pull/345

어떤 피드백도 좋을 것입니다

@carl09 그것도 타이프스크립트로 만드셨어요?

@smgjreinieren 네, 모두 유형 스크립트에서 수행됩니다.

@carl09 으흐흐흐흐흐흐흐 죄송합니다! 잘 했어! 감사 해요

" clang:check " 작업에 문제가 있습니다. 노드를 v4에서 v6으로 업데이트하려고 시도하고 문제가 해결되는지 확인하려고 합니다. 변경 사항을 푸시할 때 정말 불확실하게 만듭니다.

@carl09 근데 커스텀 맵 타입은 없나요?

@smgjreinieren 변경 사항을 표시하기 위해 plunker에서 "Open Street Maps"를 사용하고 있었습니다. 작동하지 않습니까, 아니면 의도한 바가 아닌가요?

다음 예와 같이: https://developers.google.com/maps/documentation/javascript/examples/maptype-image-overlay

방금 귀하의 다른 질문을 보았으므로 이제 귀하가 의미하는 바를 이해합니다.

@carl09 지도 유형으로 자신의 이미지를 설정하고 싶습니다. 사용자 정의 지도 유형을 생성하는 이미지는 "Open Street Maps"입니다.

@smgjreinieren 지오코딩된 이미지가 있습니까? 아니면 그냥 표준 이미지 파일입니까?

http://www.qgis.org/en/site/ 및 위치 코드 이미지와 같은 도구를 사용할 수 있으며 Google 지도에 사용할 수 있도록 타일을 만들 수도 있습니다.

@carl09 흠 못쓰게 생겼네요! 이미지를 변환해 주실 수 있나요?

그리고 왜 기본 설정이 'angular2-google-maps/core'의 MapTypeId를 인식하지도 인식하지 못합니까? 아마도 코어가 없기 때문일 수 있지만 설정에서보다 어떻게 가져 옵니까? https://github.com/carl09/angular2-google-maps-example

안녕하세요 @smgjreinieren 업데이트하려는 경우 해당 리포지토리에서 샘플 코드를 업데이트했습니다.
어떤 에디터로 편집하시나요? 나는 VS Code를 사용하고 있으며 도움이된다면 참조를 알기 위해 이음새가 있습니다.

@carl09 고마워 친구! 그러나 여전히 qgis가 Mac에서 작동하도록 할 수 없습니다! 이미지를 보내드릴 수 있을까요? 세계 지도의 일부일 뿐인데 그것도 가능한가요?

다음과 같이: http://postimg.org/image/6okpwebsb/

@ carl09 로컬 폴더의 이미지를 사용할 수 있습니까? 온라인 대신

안녕

예, 할 수 있습니다. css 및 js 파일을 호스팅하는 것처럼 노드 인스턴스에서 호스팅할 수 있지만 file://을 사용하고 로컬로 지정할 수도 있지만 이것이 얼마나 잘 작동하는지 확실하지 않습니다.

생성자에서 defaultUI를 비활성화할 수 있습니까? 다음과 같이 인식하지 않기 때문입니다.

constructor(){ this.imageMapOptions = { getTileUrl: (coord: ImageMapTypeCoord, zoom: number) => { return http://www.sylvanreinieren.com/tiles/ ${zoom}/${coord.x}/${coord.y}.png }, tileSize: { height: 256, width: 256 }, maxZoom: 16, minZoom: 12, radius: 1738000, name: 'linZ', disableDefaultUI: true, alt: 'LINZ Topo Maps' }; }

이 기능에 진전이 있습니까? 며칠 전에 angular2-google-maps를 보기 시작했는데 내 애플리케이션에 추가하려는 내용을 해결할 수 있을 것 같습니다. 하지만 Google 지도 지도를 노르웨이어의 좀 더 자세한 지도로 교체해야 합니다. " 카트베르켓".

@carl09 답변이 늦어서 죄송합니다...현재 할일이 너무 많습니다. 다른 요소와 일관성을 유지하려면 바인딩할 수 있는 별도의 속성을 사용해야 하므로 단일 [옵션]이 없습니다. 괜찮으세요?

+1 범프, 이 기능을 사용하고 싶습니다.

이 사용자 지정 WMS 계층 기능이 새 AGM으로 이식되었습니까?

그래서 URL에서 이미지를 가져와 지도에 표시할 방법이 없습니까?

@sneckelmann 우리는 많이 시도했지만 결국 이제 마커에 기본 인코딩된 svgs를 사용하고 있었습니다. 최상의 솔루션은 아니지만 작동합니다.

이 기능은 agm-maps에서 업데이트됩니까?

@SebastianM
이 plunkr처럼
http://plnkr.co/edit/OlljPTvgqdq0Na2lvZPN?p=preview

지도 오버레이가 AGM에서 구현됩니까?

@carl09 내가 openstreetmap을 openweathermap API로 교체했을 때 타일이 지도 타일을 교체하고 있었습니다. 타일을 모핑할 수 있습니까?

그런 것을 AGM으로 구현하고 싶었습니다.

https://jsfiddle.net/601oqwq2/221/

@SebastianM 기능은 오랫동안 보류 중입니다. 내부 Google 지도 인스턴스를 참조하는 것에 대한 아이디어를 얻을 수 있습니까? 그러면 기능이 귀하 측에서 업데이트될 때까지 최소한 몇 가지 해결 방법을 수행할 수 있습니까?

# 1423에서 뭔가를 찾았습니다. 나도 생각해 봅시다 ;P

@SebastianM
위 시나리오에 대한 해결 방법 솔루션

https://github.com/er-shrey/AGM-Openweather-Integration

@carl09 한번 보세요

간단한 해결 방법이 있으므로 기능 요청을 닫아야 한다고 생각합니다.

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