OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
LocationMap module support
Go to bottom Favoured: 0
TOPIC: Change Map Colour
#35610
ansleema (User)
Fresh Boarder
Posts: 3
graphgraph
User Offline Click here to see the profile of this user
Change Map Colour 2 Weeks, 5 Days ago Karma: 0  
Please i would love to know if i can paste the Google Static Maps API code in the default.php file located in the mod_realestatemanager_location_map folder to change the colour of my map...
 
Logged Logged  
  The administrator has disabled public write access.
#35636
admin (Admin)
Admin
Posts: 5354
graph
User Offline Click here to see the profile of this user
Re:Change Map Colour 2 Weeks, 3 Days ago Karma: 66  
To change the styles of the map, you need to go to the site
snazzymaps.com/ to choose your favorite map, for example
snazzymaps.com/style/15/subtle-graphics. , copy the map styles.


In the folder of mod_realestatemanager_location_map.

Paste the copied styles into the default.php file.(Please backup this file first)



Example

BEFORE


Code:

function os_location_map_init() {

var os_loc_map;





AFTER


Code:

function os_location_map_init() {

var styles = [
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"color": "#e9e9e9"
},
{
"lightness": 17
}
]
},
{
"featureType": "landscape",
"elementType": "geometry",
"stylers": [
{
"color": "#f5f5f5"
},
{
"lightness": 20
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 17
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 29
},
{
"weight": 0.2
}
]
},
{
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 18
}
]
},
{
"featureType": "road.local",
"elementType": "geometry",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 16
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [
{
"color": "#f5f5f5"
},
{
"lightness": 21
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [
{
"color": "#dedede"
},
{
"lightness": 21
}
]
},
{
"elementType": "labels.text.stroke",
"stylers": [
{
"visibility": "on"
},
{
"color": "#ffffff"
},
{
"lightness": 16
}
]
},
{
"elementType": "labels.text.fill",
"stylers": [
{
"saturation": 36
},
{
"color": "#333333"
},
{
"lightness": 40
}
]
},
{
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "transit",
"elementType": "geometry",
"stylers": [
{
"color": "#f2f2f2"
},
{
"lightness": 19
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#fefefe"
},
{
"lightness": 20
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [
{
"color": "#fefefe"
},
{
"lightness": 17
},
{
"weight": 1.2
}
]
}
];

var styledMap = new google.maps.StyledMapType(styles,
{name: "Styled Map"});

var os_loc_map;




Regards
Andrew
Ordasoft team
 
Logged Logged  
  The administrator has disabled public write access.
Go to top
What are you looking for?
Anti-spam question: How many eyes has a typical person?