Google Map Marker

Hey there,

I’m trying to add a custom map marker to the Google Map widget. Everything is working as intended aside from adjusting the size of the SVG marker. No matter what I try I just can’t seem to change the size if the marker is in SVG format. Having it in PNG format will always end up looking ugly when scaled down so small, so SVG would be ideal. I know it’s possible because on your demo site you have an example of the Google Map widget with a custom svg marker and looking at the dev tools I see that the size is set somewhere – I just can’t figure out where you set it.

Any help would be greatly appreciated!

Attachments:

You must be logged in to view attached files.

Hello,

In this case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Looking forward to collaborating with you!

Kind Regards

Sure thing. I’ve attached a link to an HTML block with a custom map marker and log-in details in the Extra Information field below.

Hello,

From the demo, the marker has the “Thumbnail” resolution: https://take.ms/8dtZQ and the dimensions as 80×80: https://take.ms/hXBuXj . At the moment, I see that you have the png image, so try to set the SVG icon and let me know, so I can check how it looks.

Kind Regards

Hey Luke,

Just set the marker as the SVG icon, set the resolution to thumbnail and as you can see in the first screenshot the marker’s dimensions are 60x60px. The marker that shows up on the map however is 150x150px.

Attachments:

You must be logged in to view attached files.

Hello,

Your SVG doesn’t have the width and height attributes.

Your SVG: https://take.ms/uQn23
Our: https://take.ms/yzoXW

You need to open your SVG logo file with some editor like Sublime Text or the default system text editor and add height and width attributes to your SVG tag like it is shown on the screenshot (https://prnt.sc/wsuf5ruwr7ij)

Kind Regards

Ah, of course! Thanks a lot, everything’s working as intended now.

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot.

Have a good day!

Best Regards

[Author]

Posts