Как удалить пунктирные линии с моей карты google

Question

Я хочу, чтобы удалить вертикальную и горизонтальную пунктирные линии с моей карты google. Что мне нужно сделать, чтобы удалить их при создании карты?

var mapOptions = { 
 
    zoom: "", 
 
    zoomControl: "", 
 
    center: "", 
 
    disableDefaultUI: "", 
 
    draggable: "", 
 
    styles: "", 
 
    disableDoubleClickZoom: "" 
 
} 
 

 
mapOptions.zoom = 1; 
 
mapOptions.zoomControl = false; 
 
mapOptions.center = new window.google.maps.LatLng(mapCoordinates.latitude, mapCoordinates.longitude);; 
 
mapOptions.disableDefaultUI = true; 
 
mapOptions.draggable = false; 
 
mapOptions.styles = ""; 
 
mapOptions.disableDoubleClickZoom = true; 
 

 
$googlemap = new window.google.maps.Map(document.getElementById('map-canvas'), mapOptions);

Answer 1

Вы должны создать стилизованную карту, чтобы удалить экватор и дата международной строки. Но имейте в виду, что он может удалить и другие административные элементы.

// Map style CODE after create $googlemap 
var cleanStyle = [{ 
    featureType: "administrative", 
    elementType: "geometry", 
    stylers: [ 
     { visibility: "off" } 
    ] 
}]; 

// Create a new Styled Map 
var styledMap = new google.maps.StyledMapType(cleanStyle); 
// Attach the styledMap with the main map 
$googlemap.mapTypes.set('cleanMap', styledMap); 
// Set the new styled map as active 
$googlemap.setMapTypeId('cleanMap'); 

Вот example

Answer 2

Если вы хотите только экватор и международную линию даты удалены. Похоже, вам нужно удалить все административные геометрии.

{ 
    "featureType": "administrative", 
    "elementType": "geometry", 
    "stylers": [ 
    { "visibility": "off" } 
    ] 
} 

Это снимает все другие административные границы, а также, чтобы положить их обратно вам нужно добавить их обратно по отдельности:

{ 
    "featureType": "administrative.country", 
    "elementType": "geometry.stroke", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "administrative.province", 
    "elementType": "geometry.stroke", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "administrative.locality", 
    "elementType": "geometry.stroke", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "administrative.neighborhood", 
    "elementType": "geometry.stroke", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "administrative.land_parcel", 
    "elementType": "geometry.stroke", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    } 

фрагмент кода:

var geocoder; 
 
var map; 
 

 
function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     center: new google.maps.LatLng(37.4419, -122.1419), 
 
     zoom: 2, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
     styles: [{ 
 
     "featureType": "administrative", 
 
     "elementType": "geometry", 
 
     "stylers": [{ 
 
      "visibility": "off" 
 
     }] 
 
     }, { 
 
     "featureType": "administrative.country", 
 
     "elementType": "geometry.stroke", 
 
     "stylers": [{ 
 
      "visibility": "on" 
 
     }] 
 
     }, { 
 
     "featureType": "administrative.province", 
 
     "elementType": "geometry.stroke", 
 
     "stylers": [{ 
 
      "visibility": "on" 
 
     }] 
 
     }, { 
 
     "featureType": "administrative.locality", 
 
     "elementType": "geometry.stroke", 
 
     "stylers": [{ 
 
      "visibility": "on" 
 
     }] 
 
     }, { 
 
     "featureType": "administrative.neighborhood", 
 
     "elementType": "geometry.stroke", 
 
     "stylers": [{ 
 
      "visibility": "on" 
 
     }] 
 
     }, { 
 
     "featureType": "administrative.land_parcel", 
 
     "elementType": "geometry.stroke", 
 
     "stylers": [{ 
 
      "visibility": "on" 
 
     }] 
 
     }] 
 
    }); 
 

 

 
} 
 
google.maps.event.addDomListener(window, "load", initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map_canvas"></div>