Custom icon marker in SVG

[Snowbases]

Hi, this plugin looks great for Capacitor, but I wonder if we can add custom icon in marker as an SVG in the map? because the quality won't be losing than PNG

[hemangsk]

Hey @Snowbases, glad you find it useful. The package uses UIImage on swift https://github.com/hemangsk/capacitor-googlemaps-native/blob/master/ios/Plugin/Plugin.swift#L79 , therefore only .jpg and .png files can be used for custom markers currently.

[Snowbases]

@hemangsk just doing some workaround in Android, this one marker is using vector assets in drawable. ref here

[hemangsk]

Looking great @Snowbases! Thanks for your work, it looks like a neat workaround.

/me looks forward to an MR from @Snowbases 😄

[jimibilibob]

hi, I've been trying to use a png as marker's icon, but it's not working. I'd like to know if there exists any example. I'd really appreciate your help.

[gbrits]

I am busy working on adding image (url) support to Android, will send a PR when ready

[gbrits]

Ok so I got this working but it drastically slows down the load time of the map... so maybe it's not a great idea. :\ Looks like using SVG / reference is better for Android compared to iOS

[jimibilibob]

Thank's @gbrits , I appreciate your quick response.

[ChiKaLiO]

Hey @Snowbases, glad you find it useful. The package uses UIImage on swift https://github.com/hemangsk/capacitor-googlemaps-native/blob/master/ios/Plugin/Plugin.swift#L79 , therefore only .jpg and .png files can be used for custom markers currently.

even png not working or me

`CapacitorGoogleMaps.addMarker({
        latitude: coordinates.coords.latitude,
        longitude: coordinates.coords.longitude,
        title: "My Location",
        snippet: "Custom Snippet",
        url: "https://cdn.shopify.com/s/files/1/1215/4044/products/cyanvis_5S_lean_G1010B_legend_800x.png"
      });`

[tafelnl]

@ChiKaLiO To point you in the right direction, in this package they implemented it already. You could specifically take a look at setIcon. It is important that the icon will be set in combination with the use of a AsyncTask on Android. In that package they extended the class to AsyncLoadImage. For iOS you could also take a look at that package, to see how they've done it there.

[MyTek]

any word on this?