I find that the marker feature in maps creates markers that are too big. I tried my hand at some custom CSS for it, but I think I'm not impacting the correct object. I'd appreciate any tips or hints on how to get this done. Thank you!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
Man, I don't think you can, I think its all part of the google engine.
I really wish you could too - I'd love to put a border on my markers, so they don't bleed together so badly.
-bort
Campaign of the Year - 2018
I figured I'd fool around with it. I've had some success modifying the size of the marker but the issue is I modified the size of all images in the map and since google maps are made up of multiple small images pasted together it created an amusing result and certainly not one that you want.
The styles for the marker images are inline styles, so whatever you do you'll need to use !important in order to get the css to do anything.
They are among us!
XCom: Defiance - Campaign of the Month November 2016
Bortas - You should be able to add borders using my code below as a template.
cgregory - Thank you for the tip with 'important''. I've never used css so I didn't even notice when the adjustments weren't being applied. I got it to work with the code below.
Nice work Quzar. Never thought about trying img[src*="map_maker_icons] as the identifier.
They are among us!
XCom: Defiance - Campaign of the Month November 2016
Quzar - you are the man! Great identifier locator!
-bort
Campaign of the Year - 2018
Quzar may be great, but at least i can claim to be !important
They are among us!
XCom: Defiance - Campaign of the Month November 2016
I have now implemented this. Thanks Dudes!
"I met a traveller from an antique land....."
CotM May 2016: Mysteria: set in Wolfgang Baur’s MIDGARD.
Previous CotM Aug 2012: Shimring: High Level Multiplanar Campaign
Inner Council Member
Hey everyone, this thread was super helpful for me too. I also found a way to finally line up the divs that activate the mouse-over and draggability for the markers with the images.
Combine Quzar's image resize withe the follwoing:
/*Adjust Map Marker Div Locations by Ghandi*/
.gm-style div:nth-child(1) div:nth-child(4) div:nth-child(3) div.gmnoprint
{
width:20px!important;
height:25px!important;
margin-top:25px!important;
margin-left:10px!important;
}