How to remove the international date line (IDL) and equator from Google Maps API v3?

家住魔仙堡 提交于 2021-02-05 07:32:26

问题


As per the title, I would like to remove the IDL and equator line from my map. I am using the following code:

<script src="https://maps.googleapis.com/maps/api/js?key=KEY&sensor=false"></script>
<script>
var locations = [
['<p>Location 1<br/> <a href="http://example.com/location1">Click here for more info</a></p>', 64.8436, -147.7231, 1],
['<p>Location 2<br/> <a href="http://example.com/location2">Click here for more info</a></p>', 33.4500, -112.0667, 2],
['<p>Location 3<br/> <a href="http://example.com/location3">Click here for more info</a></p>', 34.0500, -118.2500, 3],
['<p>Location 4<br/> <a href="http://example.com/location4">Click here for more info</a></p>', 32.7150, -117.1625, 4],
];

var map = new google.maps.Map(document.getElementById('map'), {
zoom: 2,
center: new google.maps.LatLng(19.4328, -99.1333),
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
overviewMapControl: false
});

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
    map: map
});

google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
        infowindow.setContent(locations[i][0]);
        infowindow.open(map, marker);
    }
})(marker, i));
}

</script>

I'm quite new to this, and any assistance would be much appreciated.


回答1:


According to this post, you need to set some undocumented properties on a stylized map. This may remove other features beyond the IDL and equator.

 var map = new google.maps.Map(document.getElementById('map'), {
 zoom: 2,
 center: new google.maps.LatLng(19.4328, -99.1333),
 mapTypeControl: false,
 scaleControl: false,
 streetViewControl: false,
 overviewMapControl: false
 });

 var mapStyle = [
      {
         featureType: "administrative",
         elementType: "geometry.fill",
         stylers: [
            { visibility: "off" }
         ]
       }
  ];
 var styledMap = new google.maps.StyledMapType(mapStyle);
 map.mapTypes.set('myCustomMap', styledMap);
 map.setMapTypeId('myCustomMap');

See http://jsfiddle.net/stevejansen/pBh6p/



来源:https://stackoverflow.com/questions/21420847/how-to-remove-the-international-date-line-idl-and-equator-from-google-maps-api

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!