Angular-google-maps: рдЖрдХрд░реНрд╖рдХ рдЬрд╛рдирдХрд╛рд░реА рд╡рд┐рдВрдбреЛ рдирд╣реАрдВ рджрд┐рдЦрд╛ рд░рд╣рд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 27 рдирд╡ре░ 2017  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: SebastianM/angular-google-maps

рдореИрдВ рд╕реНрдиреИрдЬрд╝реА рдЬрд╛рдирдХрд╛рд░реА рд╡рд┐рдВрдбреЛ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдиреАрдЪреЗ рджрд┐рдП рдЧрдП рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ:

     <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>

рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдореИрдВ рдорд╛рд░реНрдХрд░ рдЬрд╛рдирдХрд╛рд░реА рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рднреА рд╡рд┐рдВрдбреЛ рдирд╣реАрдВ рдЖрддреА рд╣реИред рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рднреА рдЕрдЧрд░ рдореИрдВ рдЗрд╕реЗ рд╕реАрдзреЗ рдорд╛рдирдЪрд┐рддреНрд░ рдХреЗ рдЕрдВрджрд░ рд░рдЦрддрд╛ рд╣реВрдВ рддреЛ рднреА рдпрд╣ рдирд╣реАрдВ рджрд┐рдЦрд╛рддрд╛ рд╣реИред рдХреГрдкрдпрд╛ рдореБрдЭреЗ рдмрддрд╛рдПрдВ рдХрд┐ рдХреНрдпрд╛ рдореИрдВ рдпрд╣рд╛рдВ рдХреБрдЫ рдЧрд▓рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

рдореИрдВ рдиреАрдЪреЗ рдкреИрдХреЗрдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ

рдПрдЬреАрдПрдо/рдХреЛрд░: "^1.0.0-рдмреАрдЯрд╛.2",
agm/snazzy-info-window: "^1.0.0-beta.2",
рдХреЛрдгреАрдп/рдХреЛрд░: "^ 4.4.6"
рд╕реНрдиреИрдЬрд╝реА-рдЗрдиреНрдлреЛ-рд╡рд┐рдВрдбреЛ: "^ 1.1.0"

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореЗрд░реЗ рд▓рд┐рдП рд╣рд▓!
рдПрдирдЬреА рд╕рд░реНрд╡ рдХреЛ рдлрд┐рд░ рд╕реЗ рд╢реБрд░реВ рдХрд░рдирд╛ .angular-cli.json рдХреЛ рдкреБрдирдГ рд▓реЛрдб рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдЗрд╕рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдлрд╛рдЗрд▓реЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рддрд╛ рд╣реИред

infowindow рдЕрдм рдорд╛рдирдЪрд┐рддреНрд░ рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ!

рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рднреА рд╕рдорд╛рдзрд╛рди рд╣реЛрдЧрд╛ред
(рдЙрд╕ рдмрдЧ рдкрд░ 4 рдШрдВрдЯреЗ, рдкреБрдирдГ рдЖрд░рдВрдн рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП !!!)

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдирдорд╕реНрддреЗ,
рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдорд╛рдирдЪрд┐рддреНрд░ рдХреЗ рдКрдкрд░реА рдмрд╛рдПрдВ рдХреЛрдиреЗ рдореЗрдВ рдПрдХ рдЫреЛрдЯрд╛ рдПрдХреНрд╕ рдФрд░ рд╕рд╛рдордЧреНрд░реА рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИ (рд╕рдВрд▓рдЧреНрдирдХ рджреЗрдЦреЗрдВ)ред
рд╢рд╛рдпрдж рд╕реАрдПрд╕рдПрд╕ рд╢реИрд▓реА рдореБрджреНрджрд╛ред
рдореЗрд░рд╛ рдХреЛрдб:

<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>

app.module.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, рд╢реИрд▓реА рдШреЛрд╖рдгрд╛рдПрдВ:

      "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"
      ],

рдирд┐рд░реНрднрд░рддрд╛:

"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

рдореЗрд░реЗ рд▓рд┐рдП рд╣рд▓!
рдПрдирдЬреА рд╕рд░реНрд╡ рдХреЛ рдлрд┐рд░ рд╕реЗ рд╢реБрд░реВ рдХрд░рдирд╛ .angular-cli.json рдХреЛ рдкреБрдирдГ рд▓реЛрдб рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдЗрд╕рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдлрд╛рдЗрд▓реЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рддрд╛ рд╣реИред

infowindow рдЕрдм рдорд╛рдирдЪрд┐рддреНрд░ рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ!

рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рднреА рд╕рдорд╛рдзрд╛рди рд╣реЛрдЧрд╛ред
(рдЙрд╕ рдмрдЧ рдкрд░ 4 рдШрдВрдЯреЗ, рдкреБрдирдГ рдЖрд░рдВрдн рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП !!!)

рдпрд╣ рдПрдХ рд╕рдорд░реНрдерди рд╕рдорд╕реНрдпрд╛ рд╣реИ рдЬреЛ рдХрд┐рд╕реА рдмрдЧ рдпрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╕реБрд╡рд┐рдзрд╛ рдЕрдиреБрд░реЛрдз рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдирд╣реАрдВ рдХрд░рддреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдиреАрдЪреЗ рдЪреИрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рдорд╣рд╕реВрд╕ рдХрд░реЗрдВ рдпрд╛ Gitter рдкрд░ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рдЪреИрдЯ рд░реВрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ: https://gitter.im/SebastianM/angular2-google-maps

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ @ agm/snazzy-info-window рд╕реЗ css рдЕрднреА рддрдХ рдЖрдпрд╛рдд рдирд╣реАрдВ рдХрд░рдирд╛ рд╣реИ @ vincent-ledu

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

vamsibassetty08 picture vamsibassetty08  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

marcelinobadin picture marcelinobadin  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mensch picture mensch  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

maneesht picture maneesht  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

muhammad-shahzad-anjum picture muhammad-shahzad-anjum  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ