Базовая карта в Google очень тяжелая, так как в ней есть все слои.Я хочу сделать его легким, очистив некоторые слои во время рендеринга, чтобы он быстро загружался, а также, когда я добавляю на карту объекты, такие как маркеры или линии, они хорошо видны.У меня есть случай, когда клиенту не нужна подробная карта, так как она менее важна.Клиент хочет, чтобы объекты были красивыми и четкими.
Я пытался избавиться от некоторых слоев, отключив их, но изменения не отражаются.
function initialize () {
var roadAtlasStyles = [
{
featureType: 'road.highway',
elementType: 'geometry',
stylers: [
{ visibility: 'on' }
]
},{
featureType: 'road.arterial',
elementType: 'all',
stylers: [
{ visibility: 'on' }
]
},{
featureType: 'road.local',
elementType: 'all',
stylers: [
{ visibility: 'off' }
]
},{
featureType: 'water',
elementType: 'geometry',
stylers: [
{ visibility: 'on' }
]
},{
featureType: 'road.highway',
elementType: 'labels',
stylers: [
{ visibility: 'on' }
]
},
{
featureType: 'poi',
elementType: 'labels',
stylers: [
{ visibility: 'off' }
]
},{
featureType: 'administrative',
elementType: 'labels',
stylers: [
{ visibility: 'on' }
]
},{
featureType: 'transit.station.rail',
elementType: 'geometry',
stylers: [
{ visibility: 'off' }
]
}
];
var mapOptions ={
center:new google.maps.LatLng(28.6139,77.2090),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'usroadatlas']
},
streetViewControl: true,
panControl: false,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.RIGHT_BOTTOM
},
zoom:16
};
map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
var styledMapOptions = { name: 'Netran' };
var usRoadMapType = new google.maps.StyledMapType(
roadAtlasStyles, styledMapOptions);
map.mapTypes.set('usroadatlas', usRoadMapType);
var homeControlDiv = document.createElement('div');
var homeControl = new HomeControl(homeControlDiv, map);
homeControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
}