Tagged: customise, javascript, json, map
Hi guys,
I’d love to use some custom google map styling on the maps element. I have the JSON code I need to use but I can’t find anywhere to enter it in the theme files.
JSON code:
var gmapGreyStyle = [
{
"stylers":[
{"hue":"#86c828" },
{"lightness":-52},
{"saturation":55}]},
{"featureType":"road","elementType":"geometry","stylers":[
{"lightness":0},
{"visibility":"on"}]},
{"featureType":"road","elementType":"labels","stylers":[
{"visibility":"on"}]}
] // End of style array
I’ve got it working with an external plugin (see here: http://dalestudios.co.uk/#home_anchor6 ) but I would love to use the info pop up you have in the demo.
Hey tocal!
It’s not possible to import these options with a json file. You can either stick with your plugin or use the “Color Saturation”, etc. options on the element option screen: http://www.clipular.com/c/4778796204949504.png?k=oFfIVqM7DkV6_VK_4opn8B_7fhE
Best regards,
Peter
That’s a shame. Unfortunately, my custom JSON stylers add more than just saturation and colour.
On a related note, is it possible to have a custom marker larger than 80x80px? I’ve found the php which specifies the size but I can’t seem to edit it to allow for a larger marker.
Hey!
As far as I know the api for Google maps resizes the icon.
Best regards,
Devin