Angular-google-maps: Jendela info keren tidak muncul

Dibuat pada 27 Nov 2017 · 4Komentar · Sumber: SebastianM/angular-google-maps

Saya menggunakan kode di bawah ini untuk menampilkan jendela info keren

     <agm-map id = "map" name="map" 
             [latitude]="lat" 
           [longitude]="lng" 
           (boundsChange)="boundsChange($event)" 
          [zoom] = "10"
          [zoomControl]="false"
           #map>
                <agm-marker [latitude]="lat" [longitude]="lng">
                     <agm-snazzy-info-window [isOpen] = "true"
                                          [maxWidth]="200" [closeWhenOthersOpen]="true" 
                                          [latitude]="lat" [longitude]="lng">
                             <ng-template>
                                  My first Snazzy Info Window!
                            </ng-template>
                  </agm-snazzy-info-window>
               </agm-marker>
   </agm-map>

Tetapi bahkan jika saya mengklik jendela info penanda tidak muncul. Juga secara default jika saya meletakkannya langsung di dalam peta tetap tidak muncul. Tolong beri tahu saya jika saya melakukan sesuatu yang salah di sini.

Saya menggunakan paket di bawah ini

agm/inti: "^1.0.0-beta.2",
agm/snazzy-info-window: "^1.0.0-beta.2",
sudut/inti: "^4.4.6"
snazzy-info-jendela: "^ 1.1.0"

Sumber

supran2811

Komentar yang paling membantu

Terpecahkan untuk saya!
Restart ng serve memuat ulang .angular-cli.json, dan memuat file css.

infowindow sekarang ditampilkan di peta!

berharap itu menyelesaikan masalah Anda juga.
(4 jam untuk bug itu, untuk memulai ulang!!!)

vincent-ledu pada 29 Nov 2017

🎉2 👍2

Semua 4 komentar

Halo,
Saya memiliki masalah yang sama, tetapi saya melihat tanda X kecil dan konten di sudut kiri atas peta (lihat lampiran).
Mungkin masalah gaya css.
kode saya:

<agm-map [latitude]="lat" [longitude]="lon" [zoom]="zoom">
    <agm-marker [latitude]="lat" [longitude]="lon">
        <agm-snazzy-info-window [maxWidth]="200" [closeWhenOthersOpen]="true"

>
            <ng-template>
                hop
            </ng-template>
        </agm-snazzy-info-window>
    </agm-marker>
</agm-map>

aplikasi.modul.ts :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

// project components
import { MapComponent } from './map/map.component';

// Third Party
// Material Design Bootstrapmodule
import { MDBBootstrapModule } from 'angular-bootstrap-md';
// Angular Google Map modules
import { AgmCoreModule } from '@agm/core';
import { AgmSnazzyInfoWindowModule } from '@agm/snazzy-info-window';


@NgModule({
  declarations: [
    AppComponent,
    MapComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    MDBBootstrapModule.forRoot(),
    AgmCoreModule.forRoot({
      apiKey: 'my google api key here (mine, not this text)'
    }),
    AgmSnazzyInfoWindowModule
  ],
  schemas: [ NO_ERRORS_SCHEMA ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

.angular-cli.json, deklarasi gaya:

      "styles": [
        "../node_modules/font-awesome/scss/font-awesome.scss",
        "../node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
        "../node_modules/angular-bootstrap-md/scss/mdb-free.scss",
        "../node_modules/snazzy-info-window/dist/snazzy-info-window.scss", // replace .css by .scss, because I set styleext to .scss. same error with .css. checked, file exists
        "./styles.scss"
      ],

Dependensi:

"dependencies": {
    "@agm/core": "^1.0.0-beta.2",
    "@agm/snazzy-info-window": "^1.0.0-beta.2",
    "@angular/animations": "^5.0.0",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
    "angular-bootstrap-md": "^5.0.5",
    "chart.js": "^2.5.0",
    "core-js": "^2.4.1",
    "font-awesome": "^4.7.0",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.5.2",
    "snazzy-info-window": "^1.1.0",
    "zone.js": "^0.8.14"
  },

bugreport-agm-snazzy

vincent-ledu pada 29 Nov 2017

Terpecahkan untuk saya!
Restart ng serve memuat ulang .angular-cli.json, dan memuat file css.

infowindow sekarang ditampilkan di peta!

berharap itu menyelesaikan masalah Anda juga.
(4 jam untuk bug itu, untuk memulai ulang!!!)

vincent-ledu pada 29 Nov 2017

🎉2 👍2

Ini adalah masalah dukungan yang tidak mewakili bug atau permintaan fitur konkret, jadi saya menutup masalah ini. Jangan ragu untuk mengobrol di bawah ini atau gunakan ruang obrolan resmi di Gitter: https://gitter.im/SebastianM/angular2-google-maps