11

我在我的项目中使用谷歌地图，你可以在这里看到（演示）

在左上角您可以看到人形图标和缩放 我想删除人形图标并在左上角设置缩放 我该怎么办？我正在使用这个库js 库，您可以在（查看）源演示链接 [3] 中看到其他库 这是我的目标。请看左上角

4

4 回答 4

20

这应该删除街景（人）和平移控件：

var mapOptions = {
  center: mapCenter,
  zoom: 10,
  panControl: false,
  streetViewControl: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP      
};

使用谷歌地图选项的例子：

var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
于 2013-06-26T17:29:22.573 回答
3

要禁用人形图标，您可以在地图选项中将 streetViewControl 设置为 false。

streetViewControl: false
于 2016-05-28T10:47:22.650 回答
2

我希望你工作

function initialize() {
   var mapOptions = {
   zoom: 8,
   center: new google.maps.LatLng(-34.397, 150.644),
   disableDefaultUI: true,   //disables controls
   zoomControl: true,        //zoom control enables
   zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,  //enables the dimension
    position: google.maps.ControlPosition.TOP_RIGHT  //position enables
    },

   mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);
  }
于 2013-06-26T20:42:44.380 回答
2

以上答案不符合您的问题。尝试这样做会导致我禁用人物图标。

mapTypeControl:false,
scaleControl:false,
streetViewControl:false,
overviewMapControl:false,
rotateControl:false,

如果你想删除所有然后使用这个：

mapTypeControl: false,
disableDefaultUI: true,

如果您想设置地图颜色的样式，请尝试以下操作：

var mapStyles = [ {"featureType":"road","elementType":"labels","stylers":[{"visibility":"simplified"},{"lightness":20}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"on"},{"lightness":10}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"simplified"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":50}]},{"featureType":"water","elementType":"all","stylers":[{"hue":"#3b5998"},{"saturation":30},{"lightness":49}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"hue":"#3b5998"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"hue":"#3b5998"}]}, {featureType:'road.highway',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-92},{lightness:60},{visibility:'on'}]}, {featureType:'landscape.natural',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-71},{lightness:-18},{visibility:'on'}]},  {featureType:'poi',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-70},{lightness:20},{visibility:'on'}]} ];

# 根据需要更改颜色属性，然后将此样式放入地图中：

mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 9, // optional based on your requirement
styles: mapStyles

如果要设置图标样式，请输入：

marker = new google.maps.Marker({
icon: "/images/icon/marker123.png", // based on your dir file
position: point, // based on your srcipt selection
map: map

希望这对其他人有用。:)

于 2015-05-05T08:25:34.393 回答