Angular-google-maps: モジュールが見つかりません： '@ agm / core / services / google-maps-types'

こっちも一緒

node_modulesを削除して、 npm installを再実行できますか

@ doom777私は何度もやりました。 運がない。

以下のサンプルコードスニペット、

import { ZoomControlOptions, ControlPosition, MapTypeControlOptions, FullscreenControlOptions } from '@agm/core/services/google-maps-types';
mapTypeControlOptions:MapTypeControlOptions = {
    position: ControlPosition.LEFT_BOTTOM
    }

  fullscreenControlOptions: FullscreenControlOptions = {
    position : ControlPosition.LEFT_CENTER
  };

うーん、stackblitzは今それ自身の問題を抱えています。 再現に成功していません。

これが私が試していることです：

ng new agm-test2
cd agm-test2
npm install @agm/core
code .

AgmCoreModule.forRootをAppModuleに追加します

テンプレート： <agm-map [mapTypeControl]="true" [mapTypeControlOptions]="mapTypeControlOptions" [latitude]="0" [longitude]="0"></agm-map>

成分：

import { Component } from '@angular/core';
import { MapTypeControlOptions, ControlPosition } from '@agm/core/services/google-maps-types';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styles: ['agm-map{height:300px}']
})
export class AppComponent {

  mapTypeControlOptions: MapTypeControlOptions = {
    position: ControlPosition.LEFT_BOTTOM
  };
}

結果：

@ doom777が機能しない例を次に示します： https ：//stackblitz.com/edit/angular-krqwfi？file = src％2Fapp％2Fapp.module.ts
@agm/coreを追加して、FitBoundsServiceをインポートしようとしただけです。

私はちょうど得ています

Uncaught（in promise）エラー：プリセットが構成で分離されていません
Object.config（webcontainer.5f16b010d2745c788a2.js：15）
t.configで（webcontainer.5f16b010d2745c788a2.js：15）
Beで（preview-4858aaa60d96ac0657bab.js：1）
プレビューで-4858aaa60d96ac06

57bab.js：1

これはstackblitzエラーのようです

何かやってみませんか？

1. このライブラリのクローンを作成します
2. packages\core\map-types.tsに移動します
3. エクスポートのリストにControlPositionを追加します
4. yarn buildでライブラリを構築する
5. ライブラリをnpm linkにリンクします（以前にnpmリンクを使用したことがない場合はGoogleチュートリアル）
6. 動作を開始するかどうかを確認します

私のPRhttps：//github.com/SebastianM/angular-google-maps/pull/1730を試して、問題が解決するかどうか教えてください。

ControlPositionなどのインポートを「@agm / core」に変更する必要があります

@ doom777 ＃1730のクローンを作成し、ビルドしてテストしました。 期待どおりに機能しています。

@ doom777これは、ng-packagerがパッケージ化する方法が原因のようです。

これのために一度インポートを更新してから＃1648を更新するのではなく、Googleマップのインポートを処理する＃1648を取得することに集中する必要がありますか？ （＃1730の変更は、@ agm / coreを介してインポートされず、代わりに@agm/core/{directives,services}からインポートされるディレクティブ/サービスに必要になる場合があります。

明確にするために、ng-packagrは、＃1648が同じサーフェスを壊しているAPIサーフェスに関して、潜在的に壊れる変更でした（googleマップタイプのインポート）

このモジュールのng-packagrの変更である＃1731を追加しましたが、$＃ @agm/core/services/google-maps-types @agm/core/*からのインポート（ @agm/core/servicesまたは@agm/core/directivesを含む）には対応していません

@ agm / core / services / google-maps-typesから{google}をインポートしようとするとこのエラーが発生します。 また、node_modulesを削除して、npminstallを何度も再実行しようとしました。 解決策を見つけるのを手伝ってください。

@pasqualepalmaccioが本番環境の場合は、1.0.0-beta.7に戻ります。 それ以外の場合は、修正がリリースされるまで待ちます。

更新後、同じ問題が発生します。 回避策はありますか？

@jimmykane package.jsonが$＃$ 1 $＃$ではなく@agm/core: "^1.0.0-beta.7" "@agm/core: "1.0.0-beta.7"を指定していることを確認する必要があります。これは、同じインターフェイスを公開しない1.0.0リリースがあることを意味するためです。

これの修正に取り組んでいますが、対処する必要のある他のインポートがあります。

修正があります。一時的な問題をマージするだけです。

私はまだこの問題を見ています、この修正はマージされていますか？

いいえ、私のPRを承認する別の寄稿者を見つけることができません:(

この修正はマージされていますか？

修正に取り組んでいる限り、たぶん1.0.0バージョンをプルバックしますか？

インポートしようとしても同じ問題が発生します。

import {ZoomControlOptions、ControlPosition、ZoomControlStyle} from '@ agm / core / services / google-maps-types';

サインアップするだけで、修正の通知を受け取ることができます。 今のところ、ハードコードされたマジック値を使用します

今のところ1.0.0-beta.7を使用できます。
1.0.1間もなくリリースされます。セバスチャン・ホルスタインに連絡しようとしていますが、運がありません。

こんにちは@SebastianMwaky waky ....さあ、これをぶつけましょう

1.0.0-beta.7はIVYで動作しないため、現在、このパッケージの使用はロックアウトされています。

バンプ@SebastianMこのレポを維持してください。 マージしてリリースします。

1人の作品の場合、私たちは皆ここで苦労しています。

たぶん私たちはそれをフォークするべきですか？ 明らかに、十分な数のpplがこのパッケージの使用に関心を持っています。

または： https ：//drewdevault.com/2018/12/04/How-to-abandon-a-FLOSS-project.html
または： https ：//www.codeshelter.co/

おそらく、セバスチャンはここでコラボに正しい特権を追加することができます
そして出来上がりの問題は解決しました。

2019年11月2日土曜日、12：37 Lukas Neumann、 notifications @ github.comは次のように書いています。

たぶん私たちはそれをフォークするべきですか？ 明らかに十分なpplが使用に興味を持っています
このパッケージ。

または： https ：//drewdevault.com/2018/12/04/How-to-abandon-a-FLOSS-project.html
または： https ：//www.codeshelter.co/

—
あなたが言及されたので、あなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/SebastianM/angular-google-maps/issues/1729?email_source=notifications&email_token=AAJVX45GD4L46U7JGGD7FMDQRVQ7FA5CNFSM4IYS2YRKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63
または購読を解除する
https://github.com/notifications/unsubscribe-auth/AAJVX45ENBM22GNL6UEF26TQRVQ7FANCNFSM4IYS2YRA
。

私は得ています

インストールされているのにModule not found: Error: Can't resolve '@agm/core/services' !!

@ agm / core：1.0.0-beta.3

1.0.0-beta.7にアップグレードしてみてください。

どうすればそれをアップグレードできますか？ -> npm install'agm / core 1.0.0-beta.7 '？

ええと、 npm install @agm/[email protected]またはnpm update @agm/core

更新せずに解決しました。 私は試した

import { GoogleMapsAPIWrapper } from '@agm/core';

そしてそれはうまく機能しています。

Ok。 また、おそらくGOogleMapsAPIWrapperを使用するべきではありません

なぜ説明してもらえますか？ @ doom777

なぜ説明してもらえますか？ @ doom777

GoolgeMapsAPIWrapperは、ライブラリの内部でのみ使用されることを意図しており、ライブラリの消費者向けではないと思います。 メインコンポーネントへの入力バインディングとイベントバインディングを使用する必要があります。 モジュールでAgmCoreModuleをインポートし、インポートセクションでforRootします。

グーグルマップAPIに直接アクセスしたい場合は、次のように、コンポーネントの（mapReady）からマップを取得できます。

<agm-map [streetViewControl]="false" [latitude]="lat" [longitude]="lng" [styles]="mapStyles" [zoom]="defaultZoom" [zoomControlOptions]="zoomControlOptions" (mapReady)="mapReady($event)" (zoomChange)="zoomChanged($event)"> </agm-map>

コンポーネントコード：

mapReady(map: google.maps.Map) { this.map = map; }

また、@ types / googlemapsをインストールすると、地図を入力できます。

@Toomavic
GoogleMapsApiWrapperは、内部的にライブラリまたは拡張機能を対象としています。 これは必須であり、Angularの宣言型スタイルに反します。 GMAWで行うことのほとんどは、agm-mapとその子の入力と出力で実行できるはずです。

@ermcgratは、少なくとも＃1648がマージされるまで、ほとんどのタイプを「@ agm / core」から取得することもできます。

ありがとうみんな..どうもありがとう😍😍😍😍😍

こんにちは、なぜこの問題は解決されたのですか？
1.1.0はそれを修正しません

@jimmykaneバージョン1.1.0では、次のことができます。

import { ControlPosition } from '@agm/core'

こんにちは、みんな、

1.1.0でも修正されません。 私はまだこれを持っています：
Module '"../../../../node_modules/@agm/core/agm-core"' has no exported member 'MapTypeControlStyle'
イベントはエクスポートされますが：

私はすでにnode_modulesとpackage-lockを削除しようとしましたが、うまくいきませんでした...

私もまだこのエラーが発生しています。
Module not found: Error: Can't resolve '@agm/core/services/google-maps-types'
たとえばgoogle.maps.geometry.spherical.computeArea()にアクセスしようとしています。 @types/googlemapsをインストールしてからimport {} from 'googlemaps';をインストールすることでこれを実現できますが、これは一種のハッキーな感じで、IntelliJIdeaは未使用のインポートとしてマークします。 次に、_Optimize imports_はこの行を削除し、コードを中断します。
これは修正できますか？ 🙏🏻

'@ agm / core'から{GoogleMapsAPIWrapper}をインポートしてみてください。

'@ agm / core / service'から{GoogleMapsAPIWrapper}をインポートする代わりに;

これは1.1.0ではまだ修正されていません。 再開して作業していただけますか？

私はこのエラーに直面しています。 別のバージョンで試しましたが、エラーが残ります...

このエラーに「まだ」直面しているすべての人のために、深いインポートを行わず、浅いインポートを行ってください。

こんにちは@ doom777これは対処されていますか？

はい、新しい3.0.0バージョンを使用している場合は、独自のGoogleタイプをパッケージ化していないため、インポートを完全に削除してください。 1.1.0を使用している場合は、ライブラリの奥深くではなく、 @agm/coreから型をインポートするだけです。

ここで少し手伝ってくれませんか。

AGMがQueryList mapControls: QueryList<AgmMapControl>;を取得できることがわかりました

私たちは今、それをどのようにしていますか？

以前は：

 public mapTypeControlOptions: MapTypeControlOptions = {
    // mapTypeIds: [MapTypeId.HYBRID, MapTypeId.ROADMAP, MapTypeId.SATELLITE, MapTypeId.TERRAIN],
    mapTypeIds: ['hybrid', 'roadmap', 'satellite', 'terrain'],
    position: ControlPosition.LEFT_TOP,
    style: 0
  };

そしてテンプレート上：

<agm-map *ngIf="activitiesMapData.length > 0"
             [mapTypeId]="user && user.settings ? user.settings.mapSettings.mapType : 'roadmap'"
             (mapTypeIdChange)="changeMapType($event)"
             [fullscreenControl]="true"
             [mapTypeControl]="true"
             [scaleControl]="true"
             [rotateControl]="true"
             [zoomControl]="true"
             [gestureHandling]="'cooperative'"
             [scrollwheel]="null"
             [mapTypeControlOptions]="mapTypeControlOptions"
             [zoomControlOptions]="zoomControlOptions"
             [rotateControlOptions]="rotateControlOptions"
             [tilt]="45"
             [controlSize]="32"
             [disableDefaultUI]="true"
             [styles]="getStyles(theme)"
             [streetViewControl]="false">

さて、さらなる議論のために不和になりますが、基本的に

<agm-map *ngIf="activitiesMapData.length > 0"
             [mapTypeId]="user && user.settings ? user.settings.mapSettings.mapType : 'roadmap'"
             (mapTypeIdChange)="changeMapType($event)"
             [gestureHandling]="'cooperative'"
             [scrollwheel]="null"
             [mapTypeControlOptions]="mapTypeControlOptions"
             [zoomControlOptions]="zoomControlOptions"
             [rotateControlOptions]="rotateControlOptions"
             [tilt]="45"
             [controlSize]="32"
             [disableDefaultUI]="true"
             [styles]="getStyles(theme)"
             [streetViewControl]="false">
   <agm-fullscreen-control></agm-fullscreen-control>
   <agm-scale-control></agm-scale-control>
   <agm-map-type-control [style]="style" [mapTypeIds]="mapTypeIds" [position]="position"></agm-map-type-control>

@ doom777ロジャーそれ。 これがそこにあるのを見て、私は参加するかどうか疑問に思っていました:-D

アドバイスをさせてください。 それらが今や要素だとは知りませんでした。 ずっといい

はい、新しい3.0.0バージョンを使用している場合は、独自のGoogleタイプをパッケージ化していないため、インポートを完全に削除してください。 1.1.0を使用している場合は、ライブラリの奥深くではなく、 @agm/coreから型をインポートするだけです。

こんにちは@ doom777プロジェクトを更新した後も、まだいくつかの問題があります。

ERROR in node_modules/@agm/js-marker-clusterer/services/google-clusterer-types.d.ts:1:60 - error TS2307: Cannot find module '@agm/core/services/google-maps-types' or its corresponding type declarations.

1 import { GoogleMap, LatLngBounds, Marker, MVCObject } from '@agm/core/services/google-maps-types';

ディープインポートを行わないようにアドバイスしたいのですが、残念ながら、@ agm / js-marker-clustererではこれが当てはまります。 私は何かが足りないのですか？

使用されるバージョンは次のとおりです。

"@agm/core": "3.0.0-beta.0",
"@agm/js-marker-clusterer": "^1.1.0",

前もって感謝します！

バージョンが一致していません。 角度10を使用している場合は、 @agm/[email protected]と@agm/[email protected]を使用します。
Angular 9以前を使用している場合は、 @agm/[email protected]と@agm/[email protected]を使用します

バージョンが一致していません。 角度10を使用している場合は、 @agm/[email protected]と@agm/[email protected]を使用します。
Angular 9以前を使用している場合は、 @agm/[email protected]と@agm/[email protected]を使用します

これはうまくいきました。 しかし、私はから更新する必要がありました：

import { AgmJsMarkerClustererModule } from '@agm/js-marker-clusterer';

に：

import { AgmMarkerClustererModule } from '@agm/markerclusterer'

私のモジュールでは。 何らかの理由で、 [streetViewControl]と[zoomControl]が機能していませんでした。 それらを削除した後、それは正常に動作しました。 これらのプロパティに変更があったかどうかをドキュメントで検証します。

それに加えて、 @agm/markerclustererに関連して、ドキュメントはできるだけ早く更新される可能性があると思います。

正しい。 制御サブ要素を優先して、制御オプションが削除されました