Question

我正在使用Google Maps Javascript API V 3。

一切正常但我想要使用SATELLITE按钮禁用显示在右上方区域的MAP按钮。

我该怎么做？

Answer 1

var myOptions = {
    zoom: 2,
    center: **Your LatLng object**,
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID]
    }, // here´s the array of controls
    disableDefaultUI: true, // a way to quickly hide all controls
    mapTypeControl: true,
    scaleControl: true,
    zoomControl: true,
    zoomControlOptions: {
      style: google.maps.ZoomControlStyle.LARGE 
    },
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // displays in <article id="map_canvas"></article>
//map.mapTypeControl = false; // OPTIONAL: hides the map control

Answer 2

启用地图并将选项传递给它时，您可以指定mapTypeControlOptions。它们有一个Array，用于指定允许用户查看的maptype类型。这里可以看到http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions。

如果您不希望用户拥有关于地图类型的任何选项，您还可以通过将地图mapTypeControl设置为false来指定。

Answer 3

禁用卫星选项：

mapTypeControl: false

禁用街景。

streetViewControl: false

Answer 4

您可以通过css隐藏它们

.gm-style-mtc {
  display: none;
}

Answer 5

mapTypeControl和streetViewControl选项为false

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

sudo ln -sf /usr/local/n/versions/node/<VERSION>/bin/node /usr/bin/nodejs

Answer 6

我有同样的问题。设置mapTypeControl: false并传递其他选项对我有用。您可以查看规范here。

如何禁用Google Maps Satellite视图？

6 个答案: