Since Google uses javascript for styling you’ll have to use Geo Mashup’s javascript API to apply them:
https://code.google.com/p/wordpress-geo-mashup/wiki/JavaScriptApi
Here’s an example:
https://gist.github.com/cyberhobo/5ab7eb866650ad92088c
Thanks,
Where should that code be placed?
I’ve placed
/**
* An example of applying custom styles to a Geo Mashup Google V3 map.
*
* There's a wizard for making your own style arrays at https://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
**/
GeoMashup.addAction( 'loadedMap', function( properties, map ) {
var google_map = map.getMap();
var custom_styles = [{"featureType":"water","stylers":[{"color":"#46bcec"},{"visibility":"on"}]},{"featureType":"landscape","stylers":[{"color":"#f2f2f2"}]},{"featureType":"road","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"transit","stylers":[{"visibility":"off"}]},{"featureType":"poi","stylers":[{"visibility":"off"}]}];
var map_type = new google.maps.StyledMapType( custom_styles, { name: 'custom' } );
google_map.mapTypes.set( 'custom', map_type );
google_map.setMapTypeId( 'custom' );
} );
in map-style.css in my theme’s file but that doesn’t seem to work
Install custom javascript files in the geo-mashup-custom plugin folder, as described here:
https://code.google.com/p/wordpress-geo-mashup/wiki/JavaScriptApi
Getting that post a second life.
So I must be really stupid or doing something wrong, but I just can’t seem to know where to put the custom.js file… I guess it was directly in the geo-mashup folder, but it doesn’t seems to work… And the wiki doesn’t tell much. Although it’s also possible my code is all wrong.
EDIT : Ok, just understood that I should create a “geo-mashup-custom”… Still working on it though.
Ok so, I’m stupid, I totally forgot to activate the custom plugin… Stupid… ><
I’m having trouble using the above to do some minor CSS changes on the info-window (basically, I just want to change the font-family and font-size).
I’ve already used the above method to change the map markers, but again, can’t figure out how to edit the CSS for the text in the info-window.
Same problem with the CSS for the text in the info window: how do I change the style?
