Custom map

[Luke DayParticipant]

Hey, is it possible to customise the style of the map?

I want my map to look like this but can’t find the map file json?

[ { "featureType": "water", "stylers": [ { "visibility": "on" }, { "color": "#1A87D6" } ] },{ "featureType": "landscape", "stylers": [ { "color": "#AFFFA0" } ] },{ "featureType": "road", "elementType": "geometry", "stylers": [ { "color": "#59A499" } ] },{ "featureType": "poi", "stylers": [ { "color": "#EAFFE5" } ] },{ },{ "featureType": "road", "elementType": "geometry.stroke", "stylers": [ { "color": "#F0FF8D" }, { "weight": 2.2 } ] },{ "featureType": "poi.business", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi.government", "stylers": [ { "visibility": "off" } ] },{ "featureType": "administrative.locality", "stylers": [ { "visibility": "off" } ] },{ },{ } ]

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

[   {     "featureType": "water",     "stylers": [       { "visibility": "on" },       { "color": "#1A87D6" }     ]   },{     "featureType": "landscape",     "stylers": [       { "color": "#AFFFA0" }     ]   },{     "featureType": "road",     "elementType": "geometry",     "stylers": [       { "color": "#59A499" }     ]   },{     "featureType": "poi",     "stylers": [       { "color": "#EAFFE5" }     ]   },{   },{     "featureType": "road",     "elementType": "geometry.stroke",     "stylers": [       { "color": "#F0FF8D" },       { "weight": 2.2 }     ]   },{     "featureType": "poi.business",     "stylers": [       { "visibility": "off" }     ]   },{     "featureType": "poi.government",     "stylers": [       { "visibility": "off" }     ]   },{     "featureType": "administrative.locality",     "stylers": [       { "visibility": "off" }     ]   },{   },{   } ]

Regards,
Luke

[Luke DayParticipant]

Got this done in another thread… Thanks mate.

[Peak CreativeParticipant]

Can you share the thread? Need to do the same kind of thing.

[Luke DayParticipant]

To add your own map style to GEO my WP search form use the script below (added to the functions.php file of your theme) =D

function gmw_modify_map_style( $mapArgs ) { // replace the script that is inside the json_decode( ' ' ) with your own script $mapArgs['mapOptions']['styles'] = json_decode( 'REMOVE TEXT & ADD YOUR SCRIPT' ); return $mapArgs; } // replace 1 in gmw_map_element_1 to the GEO my WP form ID add_filter( 'gmw_map_element_1', 'gmw_modify_map_style', 50 );

1 2 3 4 5 6 7 8 9

function gmw_modify_map_style( $mapArgs ) {         // replace the script that is inside the  json_decode( ' ' ) with your own script $mapArgs['mapOptions']['styles'] = json_decode( 'REMOVE TEXT & ADD YOUR SCRIPT' ); return $mapArgs; } // replace 1 in gmw_map_element_1 to the GEO my WP form ID add_filter( 'gmw_map_element_1', 'gmw_modify_map_style', 50 );

You can create a map and get the relevant json code here, http://googlemaps.github.io/js-samples/styledmaps/wizard/index.html

To use on multiple maps simply add additional filters with the ID of each map, for example:

add_filter( 'gmw_map_element_2', 'gmw_modify_map_style', 50 ); add_filter( 'gmw_map_element_3', 'gmw_modify_map_style', 50 );

1 2	add_filter( 'gmw_map_element_2', 'gmw_modify_map_style', 50 ); add_filter( 'gmw_map_element_3', 'gmw_modify_map_style', 50 );

[Author]

Posts