Angular-google-maps: GoogleMapsAPIWrapper के साथ जियोकोडर का उपयोग करना

यदि आपको केवल जियोकोडर () की आवश्यकता है, तो आपको getNativeMap () का उपयोग करने की आवश्यकता नहीं है।

मैं MapsAPILoader आयात कर रहा हूं, इसलिए मैं इसे इस तरह उपयोग कर सकता हूं:

this.mapsAPILoader.load().then(() => {
    console.log('google script loaded');
    var geocoder = new google.maps.Geocoder();
});

लेकिन अगर आप मूल नक्शा प्राप्त करना चाहते हैं, तो आपको टेस्टकंपोनेंट को Google मानचित्र घटक के अंदर लोड किया जाना चाहिए:

<sebm-google-map [latitude]="lat" [longitude]="lng">
    <app-test></app-test>
</sebm-google-map>

और आपको यह सुनिश्चित करना होगा कि TestComponent के अंदर GoogleMapsAPIWrapper का आपका उदाहरण SebmGoogleMap द्वारा उपयोग किया गया एक ही उदाहरण है

MapsAPILoader का उपयोग करने के लिए टिप के लिए @gnujeremie thx। मैं इसे आयात करने के बारे में कैसे जाउंगा? क्या आपने इसे AgmCoreModule के साथ आयात किया था?

नहीं, AgmCoreModule केवल मेरे मॉड्यूल में Google मानचित्र का उपयोग करके आयात किया जाता है।
मैं सीधे अपनी सेवा में import { MapsAPILoader } from 'angular2-google-maps/core'; आयात करता हूं।

इस बारे में कैसा है -

import { Injectable, NgZone } from '@angular/core';
import { GoogleMapsAPIWrapper } from 'angular2-google-maps/core';
import { MapsAPILoader } from 'angular2-google-maps/core';
import { Observable, Observer } from 'rxjs';

declare var google: any;

@Injectable()
export class GMapsService extends GoogleMapsAPIWrapper{ 
    constructor(private __loader: MapsAPILoader, private __zone: NgZone) {
        super(__loader, __zone);
    }

    getLatLan(address: string) {
        console.log('Getting Address - ', address);
        let geocoder = new google.maps.Geocoder();
        return Observable.create(observer => {
            geocoder.geocode( { 'address': address}, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    observer.next(results[0].geometry.location);
                    observer.complete();
                } else {
                    console.log('Error - ', results, ' & Status - ', status);
                    observer.next({});
                    observer.complete();
                }
            });
        })
    }
}

@vintesh द्वारा प्रस्तुत समाधान के अलावा मुझे मैप को अपडेट करने के लिए NgZone के अंदर lat और lng को अपडेट करना था।

clickSearchAddress() {
        this._mapsService.getLatLan(this.model.address)
            .subscribe(
            result => {
                // needs to run inside zone to update the map
                this._zone.run(() => {
                    this.model.lat = result.lat();
                    this.model.lng = result.lng();
                });
            },
            error => console.log(error),
            () => console.log('Geocoding completed!')
            );
    }

जियोकोडर का उपयोग करने का प्रयास करते समय भी मैं समस्याओं में भाग लेता हूं। यहाँ मेरा कोड है।

import { MapsAPILoader } from 'angular2-google-maps/core';
constructor(public mapsApiLoader: MapsAPILoader) {
    this.mapsApiLoader.load().then(() => {
      console.log('google script loaded');
      this.geocoder = new google.maps.Geocoder();
      console.log(this.geocoder);
    });

मुझे दो त्रुटियां मिलती हैं:

Cannot find name 'google'.
तथा
rollup failed: 'MapsAPILoader' is not exported by node_modules/angular2-google-maps/core/index.js (imported by src/services/location.ts). For help fixing this error see https://github.com/rollup/rollup/wiki/Troubleshooting#name-is-not-exported-by-module

@slooker आपको अपने कंस्ट्रक्टर की घोषणा से पहले declare var google: any; जोड़ना होगा।

@gnujeremie जो Google अपरिभाषित समस्या को हल करता है, लेकिन यह अभी भी मुझे बताता है कि MapsAPILoader angular2-google-maps द्वारा निर्यात नहीं किया जाता है।

@slooker मुझे भी इसी मुद्दे का सामना करना पड़ा और MapsAPILoader त्रुटि आ रही है क्योंकि "node_modules/angular2-google-maps/core/index.js" MapsAPILoader निर्यात नहीं करते हैं। मैंने इस मुद्दे को हल कर लिया है। "नोड_मॉड्यूल्स/angular2-google-maps/core/index.js" फ़ाइल में निम्न कोड डालें:

var core_module_2 = require('./core.umd'); exports.MapsAPILoader = core_module_2.MapsAPILoader;

यह मेरे लिए काम करता है। आशा है कि यह आपके लिए भी काम करेगा।

क्या आप लोगों के पास वर्किंग वर्जन है? मुझे अपने पते डेटाबेस से मिलते हैं और मार्कर क्लस्टर बनाने के लिए मुझे उनके निर्देशांक की आवश्यकता होती है। GeoCoder को कंस्ट्रक्टर में परिभाषित किया गया है, लेकिन nginit विधि के माध्यम से पहुँचा नहीं जा सकता है।

विनटेश, आपके द्वारा सूचीबद्ध सेवा यह क्यों कहती है कि Google अपरिभाषित है? इसे करने का सही तरीका क्या है? धन्यवाद

मुझे वही Google अपरिभाषित समस्या का सामना करना पड़ रहा है। कोई सुझाव?

मैं "@ एजीएम/कोर" का उपयोग कर रहा हूं: "^ 1.0.0-बीटा.0"

धन्यवाद

getCurrentPositionSuccessCallBack(position: Position) {
    const latitude = position.coords.latitude;
    const longitude = position.coords.longitude;

    const latLng: LatLngLiteral = {
      lat: latitude,
      lng: longitude
    };

    const geoCoder = new google.maps.Geocoder();

    geoCoder.geocode({ "location": latLng }, (results, status) => {

मेरा कोड है और यह ठीक काम करता है, लेकिन मैं एक इकाई परीक्षण लिखने की कोशिश कर रहा हूँ

fit('onGeoLocate should set the right location', () => {

    spyOn(navigator.geolocation, 'getCurrentPosition').and.callFake(function () {
      const position = { coords: { latitude: 32, longitude: -96 } };
      arguments[0](position);
    });
    component.onGeoLocate();

लेकिन यह विफल रहता है

 Failed: google is not defined

कृपया मदद करें?

नमस्कार "गूगल अपरिभाषित" दोस्तों। क्या आपने हमारे सहयोगी @gnujeremie की सलाह को आजमाया?
यह मेरे लिए काम कर रहा है (कोणीय 2.2.3):

import { Injectable } from '@angular/core';
import { MapsAPILoader } from 'angular2-google-maps/core';
import { Observable } from 'rxjs/Observable';

declare var google: any;

@Injectable()
export class MapsService {
    constructor(private __loader: MapsAPILoader) {

    }

    getGeocoding(address: string) {
        return Observable.create(observer => {
            try {
                //at this point the variable google may be still undefined (google maps scripts still loading)
                //so load all the scripts, then...
                this.__loader.load().then(() => {
                    let geocoder = new google.maps.Geocoder();
                    geocoder.geocode({ address }, (results, status) => {

                        if (status === google.maps.GeocoderStatus.OK) {
                            const place = results[0].geometry.location;
                            observer.next(place);
                            observer.complete();
                        } else {
                            console.error('Error - ', results, ' & Status - ', status);
                            if (status === google.maps.GeocoderStatus.ZERO_RESULTS) {
                                observer.error('Address not found!');
                            }else {
                                observer.error(status);
                            }

                            observer.complete();
                        }
                    });
                });
            } catch (error) {
                observer.error('error getGeocoding' + error);
                observer.complete();
            }

        });
    }
}

फैबियो, क्या आप इसका नमूना प्रदान कर सकते हैं कि इसे कैसे कहा जाता है और इसका उपयोग कैसे किया जाता है?

@DoubleExposure यह मानते हुए कि आपके पास इस तरह का एक कंस्ट्रक्टर है

कंस्ट्रक्टर (निजी एमएस: मैप्स सर्विस) {
}

आप इसे अपने कोड में कॉल कर सकते हैं

this.ms.getGeocoding ('10 10 वीं स्ट्रीट एनई, अटलांटा, जीए 30309')। सदस्यता लें (फ़ंक्शन (एक्स) {
कंसोल.लॉग (x.toString ());
});

@FabioBentoLuiz @gnujeremie Hi 'ने आपके कोड की कोशिश की है और यह बहुत अच्छा काम कर रहा है। पहली कॉल को छोड़कर जो हमेशा विफल रहती है। मैंने ngOnInit में पहली कॉल करने का प्रयास किया है लेकिन ऐसा लगता है कि यह काम नहीं कर रहा है।

यहाँ मेरा उपयोग प्रयास

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';
import { Router, ActivatedRoute, ParamMap} from '@angular/router';

import 'rxjs/add/operator/switchMap';
import { Observable } from 'rxjs/Observable';

import { Place } from './../place';
import { PlaceService } from './../place.service';
import { MapsService } from './map.service';
import { AlertService } from './../AlertComponent/alert.service';


@Component({
  selector: 'app-detailview',
  templateUrl: './detail.component.html',
  styleUrls: ['./detail.component.css'], 
})


export class DetailComponent implements OnInit {

    place: Place;  
    lat: number = 51.678418;
    lng: number = 7.809007;

    ngOnInit() {
        let selectedId = this.route.paramMap.subscribe(
                (params: ParamMap)  =>  this.place = this.placeService.getPlaceById(+params.get('id'))
            );
        this.maps.getGeocoding('')
            .subscribe(
            result => console.log(result),
            error => console.log(error),
            () => console.log('Geocoding completed!')
            );
    }

    constructor(private placeService: PlaceService,
                private route       : ActivatedRoute,
                private location    : Location,
                private alert       : AlertService,
                private maps        : MapsService) {
    }

    clickSearchAddress() {
        let address = this.place.name + " " + this.place.address + " " + this.place.city + " " + this.place.postalCode;
        this.maps.getGeocoding(address)
            .subscribe(
            result => {
                    this.lat = result.lat();
                    this.lng = result.lng();
            },
            error => console.log(error),
            () => console.log('Geocoding completed!')
            );
    }

    back(){
        this.location.back();
    }

हाय @Canadadry ,
पहली कॉल कैसे विफल होती है? क्या आप मैप्सएपिलोडर का उपयोग कर रहे हैं?

मेरा नक्शा पते पर केंद्रित होना चाहिए।
इसलिए मैंने एक बटन पर clickSearchAddress() मैप किया है और यह केवल दूसरे क्लिक पर मैप को मूव करता है। पहले क्लिक पर मेरे पास केवल लॉग है: जियोकोडिंग पूर्ण!
अजीब बात है, मैंने ngOnInit में route.paramMap की सदस्यता पर clickSearchAddress() कॉल लगाई है और वहां फ़ंक्शन पहली कॉल पर काम करता है।

मैंने यह सुनिश्चित करने के लिए क्लिक करना शुरू करने से पहले प्रतीक्षा करने का प्रयास किया है कि Google मानचित्र स्क्रिप्ट लोड हो गई है लेकिन इसके लिए अभी भी दो क्लिक्स की आवश्यकता है।

आपके द्वारा प्रदान की जाने वाली MapsService वह है जिसका उपयोग किया जाता है।

यहां बताए अनुसार NgZone का उपयोग करके इसे आज़माएं

import { NgZone } from '@angular/core';

अपने कंस्ट्रक्टर में जोड़ें

constructor(private _zone: NgZone){
}

फिर इस तरह लेट और लैंग सेट करें:

this.maps.getGeocoding(address)
            .subscribe(
            result => {
                    this._zone.run(() => {
                    this.lat = result.lat();
                    this.lng = result.lng();
            });

            },
            error => console.log(error),
            () => console.log('Geocoding completed!')
            );

यहाँ एक और सूत्र है जो इसका कारण बताता है।

मुझे बताएं कि क्या यह काम करता है।

ऐसा लगता है कि यह काम करता है, लेकिन मुझे नहीं पता कि क्यों।
धन्यवाद

मैंने इसे @vintesh , @FabioBentoLuiz और @neilpennell के उत्तरों के संयोजन के साथ काम करते हुए पाया।

google-maps.service.ts:

import { Injectable, NgZone } from '@angular/core';
import { GoogleMapsAPIWrapper } from '@agm/core';
import { MapsAPILoader } from '@agm/core';
import { Observable, Observer } from 'rxjs';

declare var google: any;

@Injectable()
export class GMapsService extends GoogleMapsAPIWrapper{ 
    constructor(private __loader: MapsAPILoader, private __zone: NgZone) {
        super(__loader, __zone);
    }

    getLatLan(address: string) {
        console.log('Getting Address - ', address);
        let geocoder = new google.maps.Geocoder();
        return Observable.create(observer => {
            geocoder.geocode( { 'address': address}, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    observer.next(results[0].geometry.location);
                    observer.complete();                    
                } else {
                    console.log('Error - ', results, ' & Status - ', status);
                    observer.next({});
                    observer.complete();
                }
            });
        })
    }
}

shop.component.ts:

import { Component, NgZone } from '@angular/core';
import { GMapsService } from '../services/google-maps.service'

@Component({  
  templateUrl: 'shops.component.html',
  styleUrls: ['shops.component.css']
})

export class ShopsComponent {  
  constructor(private gMapsService: GMapsService, private __zone: NgZone ){}
  lat:number
  lng:number

  getAddress() {
    this.gMapsService.getLatLan('Andorra')
      .subscribe(
        result => {
            this.__zone.run(() => {
                this.lat = result.lat();
                this.lng = result.lng();
            })
        },
        error => console.log(error),
        () => console.log('Geocoding completed!')
      );
  }
}

shop.component.html:

<agm-map [latitude]="lat" [longitude]="lng"></agm-map>

shop.component.css:

agm-map {
    height: 300px;
}

धन्यवाद दोस्तों!

@taneljoeaar क्या आप जानते हैं कि मुझे Google क्यों मिल रहा है यह परिभाषित नहीं है
MappingService.getLatLan पर

मैं ज्यादातर आपका कोड कॉपी और पेस्ट करता हूं।

बहुत - बहुत धन्यवाद।

@beachjf इसके बजाय @FabioBentoLuiz समाधान का उपयोग करें, अक्षांश और लंबे समय तक प्राप्त करने के लिए क्योंकि चर "google" अभी भी अपरिभाषित हो सकता है क्योंकि Google मानचित्र स्क्रिप्ट अभी भी लोड हो रही है। इससे मेरा काम बनता है।

कोशिश
'@agm/core' से { GoogleMapsAPIWrapper } आयात करें;
के बजाए
आयात { GoogleMapsAPIWrapper } 'angular2-google-maps/core' से;
नवीनतम कोणीय के लिए

@taneljoeaar या जिस भी फ़ाइल में आपको त्रुटि मिल रही है उसमें import { } from 'googlemaps'; आज़माएं।
सुनिश्चित करें कि googlemaps के प्रकार स्थापित हैं। ( npm install --save @types/googlemaps )

वैसे मुझे पता है कि यह एक पुराना सवाल है, लेकिन मैं इस विषय पर एक कोड के बारे में टिप्पणी करना चाहता हूं कि स्थान वस्तुओं को शहर, राज्य और देश के नाम और प्रकार के साथ प्राप्त करें। लेकिन, मेरे मामले में, मुझे इन नामों को उपयोगकर्ताओं के निर्देशांक से प्राप्त करने की आवश्यकता थी। तो, ऐसा करने के लिए मैंने इसे पिछली टिप्पणियों के आधार पर लिखा था:

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

...

constructor(private mapsAPILoader: MapsAPILoader) {
    // Get this 'res' from some source, like ionic native geolocation
    // Or, for test, create some object like:
    let res = {
        coords: {
            latitude: 40.826514,
            longitude: -73.914628
        }
    }
    this.codeLatLng(res.coords);
  }

...

codeLatLng(coords) {
    this.mapsAPILoader.load().then(() => {
        console.log('google script loaded');
        let latlng = new google.maps.LatLng({lat: coords.latitude, lng: coords.longitude});
        let geocoder = new google.maps.Geocoder();
        let location = {
          country: null,
          state: null,
          city: null
        };
        geocoder.geocode({
          'latLng': latlng
        }, (results, status) => {
          if (status == google.maps.GeocoderStatus.OK) {
            if (results[1]) {
              for (let i = 0; i < results[0].address_components.length; i++) {
                for (let b = 0; b < results[0].address_components[i].types.length; b++) {
                  if (results[0].address_components[i].types[b] == "country") {
                    location.country = !location.country ? results[0].address_components[i] : location.country;
                  } else if (results[0].address_components[i].types[b] == "administrative_area_level_1") {
                    location.state = !location.state ? results[0].address_components[i] : location.state;
                  } else if (results[0].address_components[i].types[b] == "administrative_area_level_2") {
                    location.city = !location.city ? results[0].address_components[i] : location.city;
                  }
                  if (location.city && location.state && location.country) {
                    break;
                  }
                }
              }

              console.log(location);
            } else {
              console.log("Results not available");
            }
          }
          else {
            console.log("Geocoder failed due to: ", status);
          }
        });
      }
    );
  }

निर्देशांक मान प्राप्त करने के लिए, मैंने आयनिक देशी भौगोलिक स्थान का उपयोग किया।
कोड एक कोणीय 2+ और आयोनिक परियोजना से आया है।

जैसा कि आप इसे दिखाते हैं मैंने कोड लागू किया है लेकिन मुझे निम्न त्रुटि मिल रही है:

त्रुटि त्रुटि: StaticInjectorError [MapsAPILoader]:
StaticInjectorError [MapsAPILloader]:
NullInjectorError: मैप्सAPILloader के लिए कोई प्रदाता नहीं!
_NullInjector.get पर (core.js: 923)
संकल्प टोकन पर (core.js: 1211)
tryResolveToken पर (core.js: 1153)
StaticInjector.get पर (core.js: 1024)
संकल्प पर टोकन (core.js: 1211)
tryResolveToken पर (core.js: 1153)
StaticInjector.get पर (core.js: 1024)
संकल्प पर NgModuleDep (core.js: 10586)
_createClass पर (core.js: 10625)
_createProviderInstance $ 1 (core.js: 10597) पर

नोट: मैं कोणीय 5 . का उपयोग कर रहा हूँ

क्या आप कृपया मुझे एक हाथ दे सकते हैं।
शुक्रिया।

@ronaldrenteria क्या आपने रखा है

AgmCoreModule.forRoot({
      apiKey: '<YOUR-GOOGLE-API-KEY>'
    })

app.modules.ts में आपके "आयात" पर?
क्या आप आलसी लोडिंग का उपयोग कर रहे हैं?
वह त्रुटि कभी-कभी तब होती है जब आप कुछ आयात करना भूल जाते हैं या काम करने के लिए lib द्वारा आवश्यक सभी आवश्यकताओं को पूरा करना भूल जाते हैं।
आप उस पृष्ठ पर अधिक जानकारी प्राप्त कर सकते हैं: कोणीय मानचित्र - प्रारंभ करना ।

ठीक है, मैं आपको बताना चाहता हूं, मैं पहले से ही नक्शा और एक मार्कर दिखाता हूं, लेकिन मैं जो करना चाहता हूं वह कुछ दिशाओं को अक्षांश और देशांतर में परिवर्तित करना है, लेकिन यह संभव नहीं है।

मेरे पास app.modules.ts में आयात नहीं है, क्योंकि प्रत्येक घटक अपने स्वयं के मॉड्यूल का उपयोग कर रहा है और यदि मैं LazyLoading का उपयोग कर रहा हूं।

इस मामले में मेरे पास home.component.ts नामक एक घटक है और इसके बदले में इसका अपना मॉड्यूल है जिसे home.module.ts कहा जाता है।

MapsAPILoader का उपयोग करने से पहले यह पहले से ही नक्शा और मार्कर (उदाहरण के लिए देशांतर और अक्षांश को मैन्युअल रूप से रखकर) दिखाता है, लेकिन अब मैं डीबी से पते पढ़ना चाहता हूं और देशांतर अक्षांश प्राप्त करना चाहता हूं।

शुक्रिया।

map.service.ts

import { Injectable, NgZone } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';

// Manejo de Mapas
import { GoogleMapsAPIWrapper, MapsAPILoader } from '@agm/core';
import { HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';

declare var google: any;

@Injectable()
export class MapsService extends GoogleMapsAPIWrapper {
  constructor(private __loader: MapsAPILoader, private __zone: NgZone) {
    super(__loader, __zone);
  }

  getLatLan(address: string) {
    console.log('Getting Address - ', address);
    let geocoder = new google.maps.Geocoder();
    return Observable.create(observer => {
      geocoder.geocode({ address: address }, function(results, status) {
        if (status === google.maps.GeocoderStatus.OK) {
          observer.next(results[0].geometry.location);
          observer.complete();
        } else {
          console.log('Error - ', results, ' & Status - ', status);
          observer.next({});
          observer.complete();
        }
      });
    });
  }
}

घर.मॉड्यूल.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { homeRouting } from './home.routing';
import { SmartadminModule} from '../shared/smartadmin.module';
import { HomeComponent} from './home.component';
// 614iT
import { config_church } from './../shared/churchpro.config';
// Indispensable para manejar los mapas.
import { AgmCoreModule, MapsAPILoader } from '@agm/core';
@NgModule({
  imports: [
    CommonModule,
    homeRouting,
    SmartadminModule,
    AgmCoreModule.forRoot({
      apiKey: config_church.GOOGLE_API_KEY
    })
  ],
  declarations: [HomeComponent]
})
export class HomeModule {}

Home.component.ts

import { Component, OnInit, NgZone } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';
// Mapas 
import { MapsService } from '../shared/services/maps.service';
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: []
})
export class HomeComponent implements OnInit {
  title: string = 'My first AGM project';
  lat: number = 4.6517056;
  lng: number = -74.1028404;
  zoom: number = 13;
  Glat: number;
  Glng: number;

  constructor(private _mapsService: MapsService, private __zone: NgZone) {}

  ngOnInit() {}

  getAddress() {
    this._mapsService.getLatLan('Andorra').subscribe(result => {
        this.__zone.run(() => {
          this.Glat = result.lat();
          this.Glng = result.lng();
        });
      }, error => console.log(error), () => console.log('Geocoding completed!'));
  }
}

सबको नमस्ते

शायद किसी को भी इसी तरह की समस्या का सामना करना पड़ रहा है।

मुझे एजीएम लाइब्रेरी को कस्टमाइज़ करने की ज़रूरत है, मैंने कोड डाउनलोड किया और इस कोड को मेरे प्रोजेक्ट के एक हिस्से की तरह शामिल किया, इसलिए मैं ऐप में स्थानीय स्रोत फ़ोल्डर से agmCoreModule जोड़ता हूं। मॉड्यूल, इस तरह।

import { AgmCoreModule } from '../agmLocalModule/core.module';

AgmCoreModule.forRoot({
apiKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
}),

मेरे पास एक पृष्ठ है जिसमें एनजीफ़ोर लूप में उत्पन्न मार्कर हैं। लेकिन मुझे अगली त्रुटि हो रही है।

```

[अक्षांश] = "ubicacion.posicion.latitud"
[देशांतर] = "ubicacion.posicion.longitud"
[मार्कर क्लिक करने योग्य] = "सच"
>

```

त्रुटि त्रुटि: ध्यान में नहीं आया (वादे में): संदर्भ त्रुटि: Google परिभाषित नहीं है
संदर्भ त्रुटि: गूगल परिभाषित नहीं है
MarkerManager.webpackJsonp.102.MarkerManager.addMarker पर (marker-manager.ts:82)
AgmMarker.webpackJsonp.291.AgmMarker.ngOnChanges पर (marker.ts:169)

कोई विचार क्या समस्या हो सकती है

उन सभी के लिए जिन्हें 'google is undefined' त्रुटि मिल रही है:

एजीएम-मैप तत्व के इस ईवेंट 'मैपरेडी' का उपयोग करें।
" https://angular-maps.com/api-docs/agm-core/components/AgmMap.html#mapरेडी "

क्या कोई कामकाजी उदाहरण के साथ आ सकता है?

यहां सूचीबद्ध उदाहरणों के आधार पर जियोकोडिंग सेवा https://stackblitz.com/edit/angular-google-maps-demo-geocoding का कार्यशील उदाहरण।

क्या मैं mapAPILoader.load() को कई बार कॉल कर सकता हूं?

हाय हर शरीर मुझे एक छोटी सी समस्या थी, मैं एजीएम और कोणीय के लिए भी नया हूं, लेकिन बात यह है कि मुझे जगह_आईडी मिल गई है, मैं इसे लैटलिंग ऑब्जेक्ट में बदलना चाहता था, यह था, किसी भी मदद की सराहना की जाती है

@henoktsegaye मूल सिद्धांत यहाँ https://developers.google.com/maps/documentation/javascript/examples/geocoding-place-id
तो आप ऊपर पोस्ट से उदाहरण का उपयोग कर सकते हैं, कुछ शब्दों में आपको this.geocoder = new google.maps.Geocoder() और geocoder.geocode({'placeId': placeId}, callbackFunction(results, status)) की आवश्यकता है लेकिन यह स्क्रिप्ट लोड होने के बाद होगा

उन सभी के लिए जिन्हें 'google is undefined' त्रुटि मिल रही है:

एजीएम-मैप तत्व के इस ईवेंट 'मैपरेडी' का उपयोग करें।
" https://angular-maps.com/api-docs/agm-core/components/AgmMap.html#mapरेडी "

नमूना:
(mapReady)="initializedGoogleMapGeocoder($event)"