Comments (2)
//Google maps settings
if((settings.fullMapStart === true && firstRun === true) || settings.zoomLevel === 0){
var myOptions = {
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
};
var bounds = new google.maps.LatLngBounds ();
}
else{
var myOptions = {
zoom: settings.zoomLevel,
center: new google.maps.LatLng(orig_lat, orig_lng),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
};
}
var styles = [
// COPY CODE HERE
];
var styledMap= new google.maps.StyledMapType(styles,{name: 'Styled Map'});
var map = new google.maps.Map(document.getElementById(settings.mapDiv),myOptions);
map.mapTypes.set('map_style',styledMap);
map.setMapTypeId('map_style');
$this.data('map', map);
from jquery-store-locator-plugin.
For anyone else who needed help on this issue you can add the styles within the map settings like so:
'mapSettings': {
zoom : 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
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}]}]
}
from jquery-store-locator-plugin.
Related Issues (20)
- Reloading Ajax call
- Enhancement: Store data
- fullMapStart shows map zoom smaller
- SortBy - Only sort storeLimit results?
- Some addresses does not show up without error HOT 2
- default sorts distance by string not as a float HOT 1
- Show all items on map when using paging HOT 1
- Cannot use combination of name search and taxonomy filters HOT 1
- exclusiveFiltering not working across filters HOT 1
- Uncaught TypeError: Cannot read property 'get' of undefined
- ERROR: Automatic location detection failed. Please fill in your address or zip code. HOT 2
- Filter on data in child array
- Zoom issue after filtering by category and with some other settings HOT 3
- Reload HOT 1
- Show nearest location if no results because of selected distance
- "API without a callback is not supported" HOT 3
- Start with marker's info window open? HOT 1
- Category filtering with JSON data: markers duplicate when Reset is selected and then selected again. HOT 4
- Icons for markers instead of images? HOT 2
- Only show featured locations at top
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-store-locator-plugin.