Angular-google-maps: मैं किसी आइकन का आकार कैसे बदलूं?

को निर्मित 18 जुल॰ 2016 · 19टिप्पणियाँ · स्रोत: SebastianM/angular-google-maps

मुदे का विवरण
मैं कुछ पूर्वनिर्धारित आकार में एक आइकन का आकार बदलना चाहता हूं। मैं कैसे करूं?

पुनरुत्पादन के चरण और समस्या का न्यूनतम डेमो
वर्तमान व्यवहार
छोटे आकार के लिए कोई विकल्प मौजूद नहीं है।

अपेक्षित/वांछित व्यवहार
मैं एक आइकन का आकार बदलने में सक्षम होना चाहता हूं।

angular2 और angular2-google-maps संस्करण
नवीनतम

अन्य सूचना

AgmMarker stale feature-request

स्रोत

pearljamik

👍4

सबसे उपयोगी टिप्पणी

मैं मार्कर की iconUrl प्रॉपर्टी के विरुद्ध चिह्न ऑब्जेक्ट का उपयोग करने में सक्षम हूं।

मेरा आइकन ऐसा दिखता है:

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

और फिर मैं इसे [iconUrl] से बांधता हूं। 'IconUrl' वैरिएबल का नाम खराब रखा जा सकता है, लेकिन अगर आप स्रोत को देखें, तो यह gmaps के लिए 'आइकन' प्रॉपर्टी में पास हो जाता है।

bradseefeld 13 नव॰ 2016

👍39 ❤15 🎉9 😄6

सभी 19 टिप्पणियाँ

मैं वही काम करने की कोशिश कर रहा हूं, लेकिन स्रोतों को देखते हुए, ऐसा करने का कोई तरीका नहीं है, एक ही तरीका है कि आप एक आइकन असाइन कर सकते हैं एक यूआरएल के माध्यम से, आप google.maps.Icon ऑब्जेक्ट का उपयोग नहीं कर सकते। मैं कोड को संशोधित करने और इसके लिए एक पुल अनुरोध बनाने के बारे में सोच रहा था।

cdarken 8 अग॰ 2016

@SebastianM मैं मार्कर के आइकन संपत्ति के लिए google.maps.Symbol और google.maps.Icon को संभालने के लिए कुछ कोड लिखा है, मैं अपने कांटा कल के लिए धक्का ताकि आप इसे पर एक नज़र ले जा सकते हैं होगा

cdarken 9 अग॰ 2016

मैं सहमत हूं कि हमें स्ट्रिंग और आइकन दोनों वस्तुओं का समर्थन करना चाहिए और संपत्ति का नाम बदलकर आइकन करना चाहिए
icon?: string|Icon;

rc3media 12 अग॰ 2016

👍2

मैंने 4 यूनिट परीक्षण तोड़े, लेकिन मेरे पास मेरे कांटे में आइकन अपडेट है। मैंने google-maps-types.ts फ़ाइल में भी जोड़ा।

rc3media 12 अग॰ 2016

@cdarken मैंने अभी आपका पीआर देखा है और मेरे पीआर पर रोक लगा देगा, यह मूल रूप से वही है। मेरे पास संपत्ति के नाम के बारे में कुछ सुझाव हैं। मुझे लगता है कि हमें Google द्वारा उपयोग किए जाने वाले नामकरण से मेल खाना चाहिए।

rc3media 12 अग॰ 2016

@ rc3media मैंने इसे पिछड़े संगत रखने की कोशिश की, इसलिए मैंने मार्कर पर 'आइकन'

cdarken 12 अग॰ 2016

यह सुविधा कब जोड़ी जाएगी? यह समस्या अगस्त X_X . की है

RayLuxembourg 8 नव॰ 2016

मेरा आइकन ऐसा दिखता है:

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

bradseefeld 13 नव॰ 2016

👍39 ❤15 🎉9 😄6

@bradseefeld आप उस कोड को कहां रखते हैं जो आइकन को परिभाषित करता है: आपके टाइपस्क्रिप्ट घटक में? मुझे एक त्रुटि मिली 'आवश्यकता' नाम नहीं मिल रहा है ।

fredgate 12 अक्तू॰ 2017

हम अपने ऐप को प्रोसेस और पैकेज करने के लिए वेबपैक का उपयोग कर रहे हैं। यह आवश्यकता कॉल को संभालता है। मुझे नहीं लगता कि यह समाधान तब तक काम करेगा जब तक आप वेबपैक या कुछ इसी तरह का उपयोग नहीं कर रहे हैं।

bradseefeld 12 अक्तू॰ 2017

हां, मैं वेबपैक का उपयोग करता हूं। यह काम करता है, लेकिन मुझे जोड़ना पड़ा:
declare function require(path: string);

fredgate 12 अक्तू॰ 2017

आवश्यकता आवश्यक नहीं है (कम से कम आयोनिक के साथ)

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

sebrojas14 25 अक्तू॰ 2017

👍14 🎉5

@ sebrojas14 यह अब नवीनतम 1.0.0.x संस्करणों में काम नहीं कर रहा है।
अब वास्तव में "स्ट्रिंग" की आवश्यकता है, यदि प्रदान नहीं किया गया है तो यह त्रुटि फेंक देता है।

क्या आपके पास कुछ विचार हैं कि यह बहुप्रतीक्षित सुविधा कब उपलब्ध होगी?

धन्यवाद

pdanysz 30 जून 2018

👍1

@pdanysz मेरे लिए ठीक काम करता है, संस्करण 1.0.0-बीटा.3

grreeenn 1 जुल॰ 2018

@grreeenn मैंने पहले ही उस संस्करण को स्थापित कर लिया है और यह मुझे एक त्रुटि देता है, जिस तरह से मैं पूछ रहा हूं :)

क्या आप कोड साझा कर सकते हैं, ... शायद मैं कुछ गलत कर रहा हूँ :)

धन्यवाद

pdanysz 2 जुल॰ 2018

@pdanysz हमने अपनी जादू की छड़ी खो दी है और हम यहां से आपकी त्रुटि नहीं देख सकते हैं। यदि आप त्रुटि साझा कर सकते हैं तो यह वास्तव में मदद करेगा ताकि हम जान सकें कि आप वास्तव में किसके साथ काम कर रहे हैं। त्रुटि को ठीक करने का तरीका जानने के लिए भी हमें आपके कोड की आवश्यकता होगी। दूसरे शब्दों में, आपकी सहायता करने के लिए, हमें पूर्ण पुनरुत्पादन की आवश्यकता है ताकि हम समस्या का निरीक्षण कर सकें। क्या आप हमें वह दे सकते हैं?

lazarljubenovic 2 जुल॰ 2018

मैंने इस वस्तु का उपयोग करने की कोशिश की:

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

और यह मेरे लिए काम करता है।
हालांकि, मार्कर का उपयोग मेरे मानचित्र पर एकाधिक प्रतिष्ठानों के लिए किया जाना चाहिए, और मैं इस कार्य को इच्छित बनाने के लिए अपने ts वर्ग पर एक भी संपत्ति का उपयोग नहीं कर सकता। इसलिए, अपने html पर [iconUrl]="icon" का उपयोग करने के बजाय, मैं [iconUrl]="getIcon(स्थापना)" का उपयोग करने का प्रयास कर रहा हूं, जो प्रत्येक प्रतिष्ठान के लिए अलग-अलग यूआरएल के साथ उपरोक्त वर्णित वस्तु को वापस कर देगा। एजीएम-मैप को लोड करने का प्रयास करते समय यह ऐप को फ्रीज कर देता है। क्या यह बात यह बताने के लिए पर्याप्त है कि क्या यह संभव है? यदि आवश्यक हो तो मैं और विवरण भेज सकता हूं।
धन्यवाद!

BlacksmithVRS 11 सित॰ 2018

StackOverflow पर hrdkisback द्वारा यह टिप्पणी मिली जो आपको मानचित्र मार्कर आइकन को गतिशील रूप से बदलने और आकार निर्दिष्ट करने देती है:

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

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

dalezak 27 अक्तू॰ 2018

इस समस्या को स्वचालित रूप से पुराने के रूप में चिह्नित कर दिया गया है क्योंकि इसमें हाल की गतिविधि नहीं है। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।

stale[bot] 25 जन॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Angular-google-maps: मैं किसी आइकन का आकार कैसे बदलूं?

सबसे उपयोगी टिप्पणी

सभी 19 टिप्पणियाँ

संबंधित मुद्दों