Angular-google-maps: Akses ke objek google.maps penuh

Dibuat pada 10 Mar 2016 · 8Komentar · Sumber: SebastianM/angular-google-maps

Hai, menyukai pekerjaan Anda sejauh ini, tetapi saya penasaran, apakah perpustakaan ini akan memberikan akses ke objek google.maps lengkap, mirip dengan implementasi angular1 dari google-maps? (lihat di sini: http://angular-ui.github.io/angular-google-maps/#!/api/GoogleMapApi)

Mendapatkan objek google.maps memungkinkan Anda membuat, misalnya ...

Kode A1 untuk membuat DirectionsRenderer dan DirectionsService baru:

            uiGmapGoogleMapApi.then(function(maps) {
                vm.gmaps = maps;
                vm.map.directionsDisplay = new vm.gmaps.DirectionsRenderer();
                vm.map.directionsService = new vm.gmaps.DirectionsService();
            });

Atau untuk membuat objek LatLng baru:

var latlng = new vm.gmaps.LatLng(lat, lng);

Apakah ini akan mungkin dengan perpustakaan ini?

EDIT: Saya melihat bahwa objek google tersedia secara global .. jadi kita bisa melakukan var latlng = new google.maps.LatLng (lat, lng); Namun, bukankah itu salah satu tujuan proyek untuk mencegah objek google mencemari namespace global?

EDIT ke EDIT: Lihat juga sekarang kita dapat menggunakan antarmuka LatLngLiteral, sehingga menangani satu masalah:

import {LatLngLiteral} from 'angular2-google-maps/core';

...

var latlng = <LatLngLiteral>{lat: this.latitude, lng: this.longitude};
this.map.setCenter(latlng);

stale discussion / question

Sumber

cviccaro

👍1

Komentar yang paling membantu

Jika saya memahami semuanya di sini dengan benar, bukankah cara paling sudut untuk menangani ini adalah memiliki layanan yang mengembalikan objek global? Ini akan memungkinkan pembuatan tiruan untuk pengujian dan menghindari ketergantungan global.

cthrax pada 23 Mar 2016

👍9

Semua 8 komentar

Hai cviccaro,

Silakan lihat komentar yang disebutkan di bawah ini untuk mendapatkan akses objek google.maps.

https://github.com/SebastianM/angular2-google-maps/issues/139#issuecomment -187343516

parmod-arora pada 10 Mar 2016

@ pod-arora,

Terima kasih. Saya telah berhasil mendapatkan objek peta, tetapi saya mengacu pada seluruh API SDK. DirectionsRenderer dan DirectionsService tidak terletak di objek peta itu sendiri, tetapi di namespace google.maps.

Dalam memikirkan kembali ini, bagaimanapun, saya membayangkan akses langsung ke namespace google.maps penuh tidak akan tersedia dengan desain, tetapi pembungkus di sekitar masing-masing akan tersedia nanti di telepon.

cviccaro pada 10 Mar 2016

@bayu_joo

Koreksi saya jika saya salah, Anda ingin mengakses google.maps dan ingin bermain dengan layanan DirectionsRenderer dan DirectionsService.

Di bawah ini adalah kodenya.

declare var google: any;

@Directive({
  selector: 'my-comp',  // <home></home>
})
export class MyComp {
  constructor(private _mapsWrapper:GoogleMapsAPIWrapper){
    _mapsWrapper.getMap().then((m: mapTypes.GoogleMap) => {
      console.log(google.maps);
    });
  }
}

parmod-arora pada 11 Mar 2016

@ pod-arora Persis. Seperti yang saya tulis di edit saya ke posting asli, saya melihat bahwa objek google global memang tersedia, jadi pertanyaan saya agak menyimpang. Akankah proyek ini pada akhirnya menghapus objek google dari namespace global, menyediakan modul yang akan diimpor untuk menginisialisasi DirectionsRenderer atau DirectionsService?

cviccaro pada 11 Mar 2016

Apakah proyek ini pada akhirnya akan menghapus objek google dari namespace global

Tidak, ini bukan tujuan proyek. Ini harus menyediakan lapisan abstraksi yang mudah digunakan untuk peta angular2 / google. Kita dapat memikirkan tentang bagaimana kita menggunakan layanan tertentu dari Google maps API seperti DirectionsRenderer atau DirectionsService. Saya membiarkan ini terbuka untuk membahas bagaimana API yang bagus untuk Angular 2 bisa terlihat

SebastianM pada 22 Mar 2016

cthrax pada 23 Mar 2016

👍9

Hai @cviccaro, Anda menyebutkan bahwa objek google.maps berfungsi, dapatkah Anda menunjukkan kepada saya bagaimana Anda melakukannya? Apakah melalui GoogleMapsAPIWrApper?

RedFour pada 1 Okt 2016

Masalah ini secara otomatis ditandai sebagai usang karena tidak ada aktivitas terbaru. Ini akan ditutup jika tidak ada aktivitas lebih lanjut. Terima kasih atas kontribusi Anda.