Angular-google-maps: Bagaimana cara mengubah ukuran ikon?

Dibuat pada 18 Jul 2016  ·  19Komentar  ·  Sumber: SebastianM/angular-google-maps

Deskripsi masalah
Saya ingin mengubah ukuran ikon ke ukuran yang telah ditentukan. Bagaimana saya harus melakukannya?

Langkah-langkah untuk mereproduksi dan demo minimal masalah
Perilaku saat ini
Tidak ada pilihan untuk ukuran yang diskalakan.

Perilaku yang diharapkan/diinginkan
Saya ingin dapat mengubah ukuran ikon.

versi angular2 & angular2-google-maps
terbaru

Informasi lainnya

AgmMarker stale feature-request

Komentar yang paling membantu

Saya dapat menggunakan objek Ikon terhadap properti iconUrl dari penanda.

Ikon saya terlihat seperti:

{
      url: require('../images/vehicle-active.png'), // gives a data://<value>
      scaledSize: {
        height: 40,
        width: 40
      }
}

Dan kemudian saya mengikat ini ke [iconUrl] . Variabel 'iconUrl' mungkin diberi nama yang buruk, tetapi jika Anda melihat sumbernya, variabel itu akan diteruskan ke properti 'ikon' untuk gmaps.

Semua 19 komentar

Saya mencoba melakukan hal yang sama, tetapi melihat sumbernya, tidak ada cara untuk melakukannya, satu-satunya cara Anda dapat menetapkan ikon adalah melalui url, Anda tidak dapat menggunakan objek google.maps.Icon. Saya sedang berpikir untuk memodifikasi kode dan membuat permintaan tarik untuk itu.

@SebastianM Saya menulis beberapa kode untuk menangani google.maps.Symbol dan google.maps.Icon untuk properti ikon penanda, saya akan mendorong garpu saya besok sehingga Anda dapat melihatnya

Saya setuju kita harus mendukung objek string dan Ikon dan mengganti nama properti menjadi icon
icon?: string|Icon;

Saya memecahkan 4 unit tes, tetapi saya memiliki pembaruan ikon di garpu saya. Saya juga menambahkan ke file google-maps-types.ts.

@cdarken Saya baru saja melihat PR Anda dan akan menunda PR saya, pada dasarnya sama. Saya punya beberapa saran tentang nama properti. Saya pikir kita harus mencocokkan penamaan yang digunakan google.

@rc3media Saya mencoba untuk membuatnya tetap kompatibel, itu sebabnya saya menambahkan

Kapan fitur ini akan ditambahkan? masalah ini dari agustus X_X

Saya dapat menggunakan objek Ikon terhadap properti iconUrl dari penanda.

Ikon saya terlihat seperti:

{
      url: require('../images/vehicle-active.png'), // gives a data://<value>
      scaledSize: {
        height: 40,
        width: 40
      }
}

Dan kemudian saya mengikat ini ke [iconUrl] . Variabel 'iconUrl' mungkin diberi nama yang buruk, tetapi jika Anda melihat sumbernya, variabel itu akan diteruskan ke properti 'ikon' untuk gmaps.

@bradseefeld di mana Anda menempatkan kode yang mendefinisikan ikon: di komponen TypeScript Anda? Saya mendapat kesalahan Cannot find name 'require' .

Kami menggunakan webpack untuk memproses dan mengemas aplikasi kami. Ini menangani panggilan yang diperlukan. Saya tidak berpikir solusi ini akan berfungsi kecuali Anda menggunakan webpack atau yang serupa.

Ya saya menggunakan webpack. Ini berfungsi, tetapi saya harus menambahkan:
declare function require(path: string);

Memerlukan tidak perlu (setidaknya dengan Ionic)

{
      url: 'assets/img/marker-me.png',
      scaledSize: {
        height: 40,
        width: 40
      }
}

@sebrojas14 ini tidak berfungsi lagi di versi 1.0.0.x terbaru.
Sekarang benar-benar membutuhkan "String", jika tidak disediakan itu melempar kesalahan.

Apakah Anda punya ide kapan fitur yang banyak diminta ini akan tersedia?

Terima kasih

@pdanysz berfungsi dengan baik untuk saya, versi 1.0.0-beta.3

@greeenn Saya sudah menginstal versi itu dan itu membuat saya kesalahan, begitulah saya bertanya :)

Bisakah Anda membagikan kode Anda, ... mungkin saya melakukan sesuatu yang salah :)

Terima kasih

@pdanysz Kami kehilangan tongkat ajaib kami dan kami tidak dapat melihat kesalahan Anda dari sini. Akan sangat membantu jika Anda dapat membagikan kesalahannya sehingga kami tahu apa yang sebenarnya Anda hadapi. Kami juga memerlukan kode Anda untuk mengetahui cara memperbaiki kesalahan. Dengan kata lain, untuk membantu Anda, kami membutuhkan reproduksi lengkap sehingga kami dapat memeriksa masalahnya. Bisakah Anda memberi kami itu?

Saya mencoba menggunakan objek ini:

icon = {
        url: '/assets/images/img.png', 
        scaledSize: {
          height: 40,
          width: 20
        }
      };

dan itu bekerja untuk saya.
Padahal, penanda seharusnya digunakan untuk beberapa perusahaan di peta saya, dan saya tidak dapat menggunakan satu properti di kelas ts saya untuk membuat ini berfungsi sebagaimana dimaksud. Jadi, alih-alih menggunakan [iconUrl]="icon" di html saya, saya mencoba menggunakan [iconUrl]="getIcon(establishment)", yang akan mengembalikan objek yang dijelaskan di atas dengan url berbeda untuk setiap pendirian. Ini membuat aplikasi membeku ketika mencoba memuat agm-map. Apakah hal-hal yang saya tulis di sini cukup untuk memberi tahu apakah ini mungkin? Saya dapat mengirim lebih banyak detail jika diperlukan.
Terima kasih!

Menemukan komentar ini oleh hrdkisback di StackOverflow yang memungkinkan Anda mengubah ikon penanda peta secara dinamis dan menentukan ukurannya:

[iconUrl]='{"url": marker,"scaledSize": {"height": 10, "width": 10}}'

https://stackoverflow.com/questions/50812678/add-user-image-to-agm-marker-in-angular-5#comment88677807_50812678

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

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

n1t3w0lf picture n1t3w0lf  ·  3Komentar

matishw picture matishw  ·  3Komentar

supran2811 picture supran2811  ·  4Komentar

shedar picture shedar  ·  4Komentar

gnujeremie picture gnujeremie  ·  3Komentar